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;