From 5e55f4d7b2cbe624a5ec79bb815921bff363bae1 Mon Sep 17 00:00:00 2001
From: SammysHP <sven@sammyshp.de>
Date: Sat, 16 Apr 2016 19:46:43 +0200
Subject: [PATCH] Fix #340: Tree view / separator overlap

---
 gtk-3.20/scss/widgets/_sidebar.scss | 20 +++++---------------
 1 file changed, 5 insertions(+), 15 deletions(-)

diff --git a/gtk-3.20/scss/widgets/_sidebar.scss b/gtk-3.20/scss/widgets/_sidebar.scss
index f52bea3..fb92fda 100755
--- a/gtk-3.20/scss/widgets/_sidebar.scss
+++ b/gtk-3.20/scss/widgets/_sidebar.scss
@@ -164,6 +164,7 @@
             // workaround, using background istead of a border since the border will get rendered twice (?)
             background-image: image(shade($bg_color, .9));
             background-size: 1px 1px;
+            background-position: center center;
 
             &:selected { background-image: image($selected_bg_color); } // FIXME is this needed?
 
@@ -186,18 +187,8 @@
 
         &.horizontal > separator {
             background-repeat: repeat-y;
-
-            &:dir(ltr) {
-                margin: 0 -8px 0 0;
-                padding: 0 8px 0 0;
-                background-position: left;
-            }
-
-            &:dir(rtl) {
-                margin: 0 0 0 -8px;
-                padding: 0 0 0 8px;
-                background-position: right;
-            }
+            padding: 0 2px;
+            margin: 0 -2px;
 
             &.wide {
                 margin: 0;
@@ -208,10 +199,9 @@
         }
 
         &.vertical > separator {
-            margin: 0 0 -8px 0;
-            padding: 0 0 8px 0;
             background-repeat: repeat-x;
-            background-position: top;
+            padding: 2px 0;
+            margin: -2px 0;
 
             &.wide {
                 margin: 0;