From 377dad49c7246892b6fdcec5cfa66778c3a0f42f Mon Sep 17 00:00:00 2001
From: bernard ng <31113941+bernard-ng@users.noreply.github.com>
Date: Wed, 22 Jul 2020 10:22:59 +0200
Subject: [PATCH] add a separator between views (#2135)

* fixes 2059 add a separator between views
---
 sass/_controlbox.scss | 1 +
 sass/_variables.scss  | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/sass/_controlbox.scss b/sass/_controlbox.scss
index 2e646576e..35ce9b4fa 100644
--- a/sass/_controlbox.scss
+++ b/sass/_controlbox.scss
@@ -303,6 +303,7 @@
 
         .controlbox-panes {
             background-color: var(--controlbox-pane-background-color);
+            border-right: 0.2143rem solid var(--panel-divider-color);
             height: 100%;
             overflow-y: auto;
         }
diff --git a/sass/_variables.scss b/sass/_variables.scss
index 47a9812d6..13b8c6c6c 100644
--- a/sass/_variables.scss
+++ b/sass/_variables.scss
@@ -96,6 +96,7 @@ $mobile_portrait_length: 480px !default;
     --controlbox-heading-top-margin: 0.75em;
     --controlbox-pane-background-color: white;
     --controlbox-pane-bg-hover-color: #eff4f7;
+    --panel-divider-color: #e7e7e7;
 
     --chat-gutter: 0.5em;
     --minimized-chats-width: 130px;
@@ -153,7 +154,7 @@ $mobile_portrait_length: 480px !default;
 
     --occupants-padding: 1em;
     --occupants-background-color: white;
-    --occupants-border-left: 1px solid var(--text-color);
+    --occupants-border-left: 0.2143rem solid var(--panel-divider-color);
     --occupants-border-bottom: 1px solid lightgrey;
     --occupants-features-display: block;
 
@@ -194,6 +195,7 @@ $mobile_portrait_length: 480px !default;
     --avatar-background-color: none;
 
     --controlbox-pane-background-color: #333;
+    --panel-divider-color: #333;
     --controlbox-pane-bg-hover-color: #464646;
     --controlbox-heading-color: #777;
     --controlbox-heading-font-weight: bold;