Consolidate all the work thus far

res/css/structures/_HeaderButtons.scss

@@ -18,6 +18,14 @@ limitations under the License.
     display: flex;
 }
 
+.mx_RoomHeader_buttons + .mx_HeaderButtons {
+    // remove the | separator line for when next to RoomHeaderButtons
+    // TODO: remove this once when we redo communities and make the right panel similar to the new rooms one
+    &::before {
+        content: unset;
+    }
+}
+
 .mx_HeaderButtons::before {
     content: "";
     background-color: $header-divider-color;

res/css/structures/_MainSplit.scss

@@ -25,6 +25,7 @@ limitations under the License.
     padding: 5px;
     // margin left to not allow the handle to not encroach on the space for the scrollbar
     margin-left: 8px;
+    height: calc(100vh - 51px); // height of .mx_RoomHeader.light-panel
 
     &:hover .mx_RightPanel_ResizeHandle {
         // Need to use important to override element style attributes

res/css/structures/_RightPanel.scss

@@ -70,21 +70,16 @@ limitations under the License.
     }
 }
 
-.mx_RightPanel_membersButton::before {
-    mask-image: url('$(res)/img/element-icons/room/members.svg');
-    mask-position: center;
-}
-
-.mx_RightPanel_filesButton::before {
-    mask-image: url('$(res)/img/element-icons/room/files.svg');
-    mask-position: center;
-}
-
 .mx_RightPanel_notifsButton::before {
     mask-image: url('$(res)/img/element-icons/notifications.svg');
     mask-position: center;
 }
 
+.mx_RightPanel_roomSummaryButton::before {
+    mask-image: url('$(res)/img/element-icons/room/room-summary.svg');
+    mask-position: center;
+}
+
 .mx_RightPanel_groupMembersButton::before {
     mask-image: url('$(res)/img/element-icons/community-members.svg');
     mask-position: center;
@@ -144,7 +139,7 @@ limitations under the License.
 }
 
 .mx_RightPanel_empty {
-    margin-right: -42px;
+    margin-right: -28px;
 
     h2 {
         font-weight: 700;

res/css/views/context_menus/_IconizedContextMenu.scss

@@ -82,7 +82,6 @@ limitations under the License.
             }
 
             span.mx_IconizedContextMenu_label { // labels
-                padding-left: 14px;
                 width: 100%;
                 flex: 1;
 
@@ -91,6 +90,10 @@ limitations under the License.
                 overflow: hidden;
                 white-space: nowrap;
             }
+
+            .mx_IconizedContextMenu_icon + .mx_IconizedContextMenu_label {
+                padding-left: 14px;
+            }
         }
     }
 

res/css/views/right_panel/_BaseCard.scss

@@ -134,17 +134,18 @@ limitations under the License.
     .mx_BaseCard_footer {
         padding-top: 4px;
         text-align: center;
+        display: flex;
+        justify-content: space-around;
 
         .mx_AccessibleButton_kind_secondary {
             color: $secondary-fg-color;
             background-color: rgba(141, 151, 165, 0.2); // TODO
             font-weight: $font-semi-bold;
             font-size: $font-14px;
-            min-width: 70px;
-
-            & + .mx_AccessibleButton_kind_secondary {
-                margin-left: 16px;
-            }
+        }
+        
+        .mx_AccessibleButton_disabled {
+            cursor: not-allowed;
         }
     }
 }

res/css/views/right_panel/_UserInfo.scss

@@ -15,7 +15,9 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_UserInfo {
+.mx_UserInfo.mx_BaseCard {
+    // UserInfo has a circular image at the top so it fits between the back & close buttons
+    padding-top: 0;
     display: flex;
     flex-direction: column;
     flex: 1;