From 24d9e8e16896a8054093f4f9bba11b022ec33b89 Mon Sep 17 00:00:00 2001
From: Bruno Windels <brunow@matrix.org>
Date: Wed, 31 Oct 2018 16:52:36 +0100
Subject: [PATCH] use padding and negative margin for all resize handles

this way they only take 1px for layout but have a interaction
target of 11px wide
---
 res/css/views/elements/_ResizeHandle.scss | 5 +++++
 res/css/views/rooms/_RoomList.scss        | 4 ----
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/res/css/views/elements/_ResizeHandle.scss b/res/css/views/elements/_ResizeHandle.scss
index 153bdfe6ec..8f533a02bc 100644
--- a/res/css/views/elements/_ResizeHandle.scss
+++ b/res/css/views/elements/_ResizeHandle.scss
@@ -19,14 +19,19 @@ limitations under the License.
     flex: 0 0 auto;
     background: $panel-divider-color;
     background-clip: content-box;
+    z-index: 100;
 }
 
 .mx_ResizeHandle.mx_ResizeHandle_horizontal {
     width: 1px;
+    margin: 0 -5px;
+    padding: 0 5px;
     cursor: col-resize;
 }
 
 .mx_ResizeHandle.mx_ResizeHandle_vertical {
     height: 1px;
+    margin: -5px 0;
+    padding: 5px 0;
     cursor: row-resize;
 }
diff --git a/res/css/views/rooms/_RoomList.scss b/res/css/views/rooms/_RoomList.scss
index e2557d4b3a..7e2d2b02f4 100644
--- a/res/css/views/rooms/_RoomList.scss
+++ b/res/css/views/rooms/_RoomList.scss
@@ -62,7 +62,3 @@ limitations under the License.
     position: absolute;
     right: 60px;
 }
-
-.mx_RoomList .mx_ResizeHandle {
-    padding: 4px 0;
-}