From 9e7b407bf7ec7e6d5eab666716228816e4b9c391 Mon Sep 17 00:00:00 2001
From: Germain <germain@souquet.com>
Date: Mon, 22 Nov 2021 13:02:48 +0000
Subject: [PATCH] Add spacing between right panel and main timeline (#7176)

---
 res/css/structures/_MainSplit.scss   | 1 +
 res/css/views/rooms/_AppsDrawer.scss | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/res/css/structures/_MainSplit.scss b/res/css/structures/_MainSplit.scss
index 8c30abe97d..6dfbb14d1a 100644
--- a/res/css/structures/_MainSplit.scss
+++ b/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 {
diff --git a/res/css/views/rooms/_AppsDrawer.scss b/res/css/views/rooms/_AppsDrawer.scss
index b69c1f8429..201f5811bb 100644
--- a/res/css/views/rooms/_AppsDrawer.scss
+++ b/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;