From c8b70d4006188b2acf3a3c2971b04afe07ee8092 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 2 Apr 2021 12:29:10 +0300
Subject: [PATCH] Styling Extensions tab

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../components/+preferences/preferences.tsx   | 23 ++++++++++---------
 .../components/layout/page-layout.scss        |  6 ++++-
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/renderer/components/+preferences/preferences.tsx b/src/renderer/components/+preferences/preferences.tsx
index f550cda378..1bfa01e7ed 100644
--- a/src/renderer/components/+preferences/preferences.tsx
+++ b/src/renderer/components/+preferences/preferences.tsx
@@ -195,18 +195,19 @@ export class Preferences extends React.Component {
 
         {this.activeTab == PreferencesTab.Extensions && (
           <section id="extensions">
-            <section>
-              <h1>Extensions</h1>
-            </section>
-            {appPreferenceRegistry.getItems().map(({ title, id, components: { Hint, Input } }, index) => {
+            <h2>Extensions</h2>
+            {appPreferenceRegistry.getItems().map(({ title, id, components: { Hint, Input } }) => {
               return (
-                <section key={index} id={title}>
-                  <h2 id={id}>{title}</h2>
-                  <Input/>
-                  <small className="hint">
-                    <Hint/>
-                  </small>
-                </section>
+                <>
+                  <section key={id} id={title} className="small">
+                    <SubTitle title={title}/>
+                    <Input/>
+                    <div className="hint">
+                      <Hint/>
+                    </div>
+                  </section>
+                  <hr className="small"/>
+                </>
               );
             })}
           </section>
diff --git a/src/renderer/components/layout/page-layout.scss b/src/renderer/components/layout/page-layout.scss
index 26ba540cea..bba07c1d32 100644
--- a/src/renderer/components/layout/page-layout.scss
+++ b/src/renderer/components/layout/page-layout.scss
@@ -46,7 +46,7 @@
 
     .sidebar {
       width: 218px;
-      padding: 60px 6px 60px 20px;
+      padding: 60px 10px 60px 20px;
 
       .Tabs {
         .header {
@@ -207,6 +207,10 @@
       &.small {
         margin-top: 20px;
       }
+
+      &:last-child {
+        display: none;
+      }
     }
   }
 }