Add spacing between right panel and main timeline (#7176)

res/css/structures/_MainSplit.scss

@@ -25,6 +25,7 @@ limitations under the License.
 .mx_MainSplit > .mx_RightPanel_ResizeWrapper {
     // no padding on the left. The spacing is taken care of by the main split content.
     padding: 5px 5px 5px 0px;
+    margin-left: 8px;
     height: calc(100vh - 51px); // height of .mx_RoomHeader.light-panel
 
     &:hover .mx_RightPanel_ResizeHandle {

res/css/views/rooms/_AppsDrawer.scss

@@ -18,7 +18,7 @@ limitations under the License.
 $MiniAppTileHeight: 200px;
 
 .mx_AppsDrawer {
-    margin: 5px;
+    margin: 5px 5px 5px 13px;
     position: relative;
     display: flex;
     flex-direction: column;