fix(ui): tweak css clases so collapsed alert group doesn't have smaller bottom margin

This commit is contained in:
Łukasz Mierzwa
2018-08-17 17:16:41 +01:00
parent 7b035283f8
commit da945dbe52
2 changed files with 6 additions and 2 deletions

View File

@@ -23,7 +23,7 @@ const GroupHeader = observer(
const { collapseStore, group, silenceFormStore } = this.props;
return (
<h5 className="card-title text-center mb-0">
<h5 className="card-title text-center mb-0 clearfix">
<span className="float-left">
<GroupMenu group={group} silenceFormStore={silenceFormStore} />
</span>

View File

@@ -157,7 +157,11 @@ const AlertGroup = observer(
>
<div className="components-grid-alertgrid-alertgroup p-1">
<div className="card">
<div className="card-body px-2 pt-2 pb-1">
<div
className={`card-body ${
this.collapse.value ? "p-2" : "px-2 pt-2 pb-1"
}`}
>
<GroupHeader
collapseStore={this.collapse}
group={group}