From d6b641ce616fa8e2e75cafe178d258b46a16138e Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 22 Jun 2021 10:03:28 +0300
Subject: [PATCH] Adding separators to sidebar menu

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../+entity-settings/entity-settings.tsx           |  1 +
 src/renderer/components/layout/setting-layout.scss | 14 ++++++++++++++
 2 files changed, 15 insertions(+)

diff --git a/src/renderer/components/+entity-settings/entity-settings.tsx b/src/renderer/components/+entity-settings/entity-settings.tsx
index de38e6df2a..4a0349b01a 100644
--- a/src/renderer/components/+entity-settings/entity-settings.tsx
+++ b/src/renderer/components/+entity-settings/entity-settings.tsx
@@ -87,6 +87,7 @@ export class EntitySettings extends React.Component<Props> {
         <Tabs className="flex column" scrollable={false} onChange={this.onTabChange} value={this.activeTab}>
           { groups.map((group, groupIndex) => (
             <React.Fragment key={`group-${groupIndex}`}>
+              <hr/>
               <div className="header">{group[0]}</div>
               { group[1].map((setting, index) => (
                 <Tab
diff --git a/src/renderer/components/layout/setting-layout.scss b/src/renderer/components/layout/setting-layout.scss
index e59c6e89f7..4b94d7167e 100644
--- a/src/renderer/components/layout/setting-layout.scss
+++ b/src/renderer/components/layout/setting-layout.scss
@@ -61,6 +61,19 @@
         font-weight: 600;
       }
 
+      hr {
+        margin-top: 10px;
+        margin-bottom: 10px;
+        margin-left: 10px;
+        margin-right: 20px;
+        height: 1px;
+        border-top: thin solid var(--hrColor);
+
+        &:first-child {
+          display: none;
+        }
+      }
+
       .Tabs {
         .header {
           padding: 6px 10px;
@@ -102,6 +115,7 @@
 
           > .label {
             width: 100%;
+            font-weight: 500;
           }
         }
       }