Final spaces tweaks for the demo

Author: t3chguy

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;

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;

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 }