From da945dbe52713b695a72dc764e4a4161dd4589d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Fri, 17 Aug 2018 17:16:41 +0100
Subject: [PATCH] fix(ui): tweak css clases so collapsed alert group doesn't
 have smaller bottom margin

---
 .../Grid/AlertGrid/AlertGroup/GroupHeader/index.js          | 2 +-
 ui/src/Components/Grid/AlertGrid/AlertGroup/index.js        | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/index.js
index 2e12c0cee..3746c1174 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/index.js
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/index.js
@@ -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>
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js
index 57b73a3ee..815ddf9d5 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js
@@ -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}