From 009f5f2dc9e8d2b10469f28d87d0e33b9b373c66 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 9 Nov 2021 10:25:57 +0000
Subject: [PATCH] Fix space panel layout edge cases (#7101)

---
 res/css/structures/_SpacePanel.scss | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/res/css/structures/_SpacePanel.scss b/res/css/structures/_SpacePanel.scss
index 4be9d49120a..bf79426c9d4 100644
--- a/res/css/structures/_SpacePanel.scss
+++ b/res/css/structures/_SpacePanel.scss
@@ -144,7 +144,7 @@ $activeBorderColor: $secondary-content;
             align-items: center;
             border-radius: 12px;
             padding: 4px;
-            width: 100%;
+            width: calc(100% - 32px);
         }
 
         .mx_SpaceButton_name {
@@ -160,6 +160,7 @@ $activeBorderColor: $secondary-content;
 
         .mx_SpaceButton_toggleCollapse {
             width: $gutterSize;
+            min-width: $gutterSize;
             height: 20px;
             mask-position: center;
             mask-size: 20px;
@@ -221,7 +222,7 @@ $activeBorderColor: $secondary-content;
             height: 20px;
             margin-top: auto;
             margin-bottom: auto;
-            visibility: hidden;
+            display: none;
             position: relative;
 
             &::before {
@@ -270,15 +271,11 @@ $activeBorderColor: $secondary-content;
         }
     }
 
-    .mx_SpaceButton_narrow .mx_SpaceButton_menuButton {
-        display: none;
-    }
-
     .mx_SpaceButton:hover,
     .mx_SpaceButton:focus-within,
     .mx_SpaceButton_hasMenuOpen {
-        &:not(.mx_SpaceButton_invite) .mx_SpaceButton_menuButton {
-            visibility: visible;
+        &:not(.mx_SpaceButton_narrow):not(.mx_SpaceButton_invite) .mx_SpaceButton_menuButton {
+            display: block;
         }
     }