From cec6a763527972d8967339855c7521cab474d29e Mon Sep 17 00:00:00 2001
From: Suguru Hirahara <luixxiul@users.noreply.github.com>
Date: Fri, 18 Mar 2022 21:26:35 +0000
Subject: [PATCH] Retry fixing buttons alignment of Space list header (#8080)

Closes https://github.com/vector-im/element-web/issues/21463

- Move min-height property

Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
---
 res/css/structures/_SpaceHierarchy.scss | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/res/css/structures/_SpaceHierarchy.scss b/res/css/structures/_SpaceHierarchy.scss
index 85b9455a74..71368e4016 100644
--- a/res/css/structures/_SpaceHierarchy.scss
+++ b/res/css/structures/_SpaceHierarchy.scss
@@ -35,11 +35,11 @@ limitations under the License.
     }
 
     .mx_SpaceHierarchy_listHeader {
-        display: grid;
+        display: flex;
+        flex-flow: wrap;
         justify-content: space-between;
         align-items: center;
-        column-gap: 10px;
-        min-height: 32px;
+        gap: 12px;
         font-size: $font-15px;
         line-height: $font-24px;
         color: $primary-content;
@@ -55,9 +55,8 @@ limitations under the License.
             grid-column-start: 2;
             display: flex;
             flex-flow: wrap;
-            justify-content: flex-end;
-            row-gap: 12px;
-            column-gap: 12px;
+            gap: 12px;
+            min-height: 32px;
 
             .mx_AccessibleButton {
                 padding: 4px 12px;