From af18019314ebe939ac1b6749ecb06b120e1a6960 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Fri, 26 Mar 2021 13:46:01 +0000
Subject: [PATCH] Final spaces tweaks for the demo

---
 res/css/structures/_SpaceRoomDirectory.scss |  2 +-
 res/css/structures/_SpaceRoomView.scss      | 21 +++++++++++----------
 src/components/structures/SpaceRoomView.tsx |  1 +
 3 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/res/css/structures/_SpaceRoomDirectory.scss b/res/css/structures/_SpaceRoomDirectory.scss
index 75c9fa847b..dcceee6371 100644
--- a/res/css/structures/_SpaceRoomDirectory.scss
+++ b/res/css/structures/_SpaceRoomDirectory.scss
@@ -227,7 +227,7 @@ limitations under the License.
         }
 
         .mx_SpaceRoomDirectory_roomTile_info {
-            font-size: $font-13px;
+            font-size: $font-14px;
             line-height: $font-18px;
             color: $secondary-fg-color;
             grid-row: 2;
diff --git a/res/css/structures/_SpaceRoomView.scss b/res/css/structures/_SpaceRoomView.scss
index 25a950c285..2e7cfb55d9 100644
--- a/res/css/structures/_SpaceRoomView.scss
+++ b/res/css/structures/_SpaceRoomView.scss
@@ -210,7 +210,6 @@ $SpaceRoomViewInnerWidth: 428px;
 
         .mx_SpaceRoomView_landing_info {
             display: flex;
-            margin-right: 60px;
             align-items: center;
 
             .mx_SpaceRoomView_info {
@@ -280,10 +279,17 @@ $SpaceRoomViewInnerWidth: 428px;
         .mx_SpaceRoomView_landing_topic {
             font-size: $font-15px;
             margin-top: 12px;
+            margin-bottom: 16px;
+        }
+
+        > hr {
+            border: none;
+            height: 1px;
+            background-color: $groupFilterPanel-bg-color;
         }
 
         .mx_SpaceRoomView_landing_adminButtons {
-            margin-top: 32px;
+            margin-top: 24px;
 
             .mx_AccessibleButton {
                 position: relative;
@@ -294,7 +300,7 @@ $SpaceRoomViewInnerWidth: 428px;
                 border-radius: 12px;
                 border: 1px solid $input-border-color;
                 margin-right: 28px;
-                margin-bottom: 28px;
+                margin-bottom: 20px;
                 font-size: $font-14px;
                 display: inline-block;
                 vertical-align: bottom;
@@ -357,12 +363,7 @@ $SpaceRoomViewInnerWidth: 428px;
         }
 
         .mx_SearchBox {
-            margin-left: 4px;
-            max-width: 670px;
-        }
-
-        .mx_SpaceRoomDirectory_list {
-            max-width: 700px;
+            margin: 0 0 20px;
         }
     }
 
@@ -417,7 +418,7 @@ $SpaceRoomViewInnerWidth: 428px;
 }
 
 .mx_SpaceRoomView_info {
-    color: $tertiary-fg-color;
+    color: $secondary-fg-color;
     font-size: $font-15px;
     line-height: $font-24px;
     margin: 20px 0;
diff --git a/src/components/structures/SpaceRoomView.tsx b/src/components/structures/SpaceRoomView.tsx
index 5a7113bf7f..31358a3731 100644
--- a/src/components/structures/SpaceRoomView.tsx
+++ b/src/components/structures/SpaceRoomView.tsx
@@ -294,6 +294,7 @@ const SpaceLanding = ({ space }) => {
         <div className="mx_SpaceRoomView_landing_topic">
             <RoomTopic room={space} />
         </div>
+        <hr />
         <div className="mx_SpaceRoomView_landing_adminButtons">
             { addRoomButtons }
             { settingsButton }