From 7c0af9076926fa6d459b44747daa2557b571aac4 Mon Sep 17 00:00:00 2001
From: Willem Dantuma <willem.dantuma@dobs.nl>
Date: Thu, 12 Sep 2019 09:22:46 +0200
Subject: [PATCH] Increase clickable area resizegrip

---
 .../components/side-panel/side-panel.component.scss   | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/projects/common/src/lib/components/side-panel/side-panel.component.scss b/projects/common/src/lib/components/side-panel/side-panel.component.scss
index 17259ad..eb14d0e 100644
--- a/projects/common/src/lib/components/side-panel/side-panel.component.scss
+++ b/projects/common/src/lib/components/side-panel/side-panel.component.scss
@@ -43,22 +43,26 @@
   width:100%;
   overflow:hidden;
   overflow-y:auto;
+  position: relative;
+  z-index: 1;
 }
 
 .resizegrip {
-  height:1rem;
+  height:2rem;
   line-height: 1rem;
   display: none;
   text-align: center;
+  position: relative;
+  z-index: 2;
 }
 
 div.resizegrip > span {
   position: relative;
-  top: -0.2rem;
   display: inline-block;
   height:0.3rem;
   width:4rem;
-  background-color:rgba(0, 0, 0, 0.3)
+  background-color:rgba(0, 0, 0, 0.3);
+  top:-0.3rem;
 }
 
 .resizeable .resizegrip {
@@ -68,6 +72,7 @@ div.resizegrip > span {
 
 .resizeable .content {
   height:calc(100% - 1rem);
+  top:-1rem;
 }
 
 @media screen and (min-width:44rem) {