message: Tweak layout of the space room directory for better legibility
diff: @@ -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;
  }
  }
  }
  