Tweak layout of the space room directory for better legibility

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;
             }
         }
     }