From 4df197ac6150e9a87a361cc1192a53cb1c37ef43 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Thu, 25 Mar 2021 14:09:56 +0000
Subject: [PATCH] Tweak layout of the space room directory for better
 legibility

---
 res/css/structures/_SpaceRoomDirectory.scss | 29 +++++++++++++++------
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/res/css/structures/_SpaceRoomDirectory.scss b/res/css/structures/_SpaceRoomDirectory.scss
index b20554166a..75c9fa847b 100644
--- a/res/css/structures/_SpaceRoomDirectory.scss
+++ b/res/css/structures/_SpaceRoomDirectory.scss
@@ -182,7 +182,7 @@ limitations under the License.
 
     .mx_SpaceRoomDirectory_roomTile {
         position: relative;
-        padding: 6px 16px;
+        padding: 8px 16px;
         border-radius: 8px;
         min-height: 56px;
         box-sizing: border-box;
@@ -190,6 +190,7 @@ limitations under the License.
         display: grid;
         grid-template-columns: 20px auto max-content;
         grid-column-gap: 8px;
+        grid-row-gap: 6px;
         align-items: center;
 
         .mx_BaseAvatar {
@@ -213,16 +214,28 @@ limitations under the License.
 
                 .mx_InfoTooltip_icon {
                     margin-right: 4px;
+                    position: relative;
+                    vertical-align: text-top;
+
+                    &::before {
+                        position: absolute;
+                        top: 0;
+                        left: 0;
+                    }
                 }
             }
         }
 
         .mx_SpaceRoomDirectory_roomTile_info {
-            font-size: $font-12px;
-            line-height: $font-15px;
-            color: $tertiary-fg-color;
+            font-size: $font-13px;
+            line-height: $font-18px;
+            color: $secondary-fg-color;
             grid-row: 2;
             grid-column: 1/3;
+            display: -webkit-box;
+            -webkit-box-orient: vertical;
+            -webkit-line-clamp: 2;
+            overflow: hidden;
         }
 
         .mx_SpaceRoomDirectory_actions {
@@ -232,9 +245,9 @@ limitations under the License.
             grid-row: 1/3;
 
             .mx_AccessibleButton {
-                padding: 6px 18px;
-
-                display: none;
+                padding: 8px 18px;
+                display: inline-block;
+                visibility: hidden;
             }
 
             .mx_Checkbox {
@@ -248,7 +261,7 @@ limitations under the License.
             background-color: $groupFilterPanel-bg-color;
 
             .mx_AccessibleButton {
-                display: inline-block;
+                visibility: visible;
             }
         }
     }