From d0934d8e6dfbe5330410aee0b5f3463bc337cee1 Mon Sep 17 00:00:00 2001
From: David Ralph <ohlookitsderpy@protonmail.com>
Date: Fri, 2 Apr 2021 13:51:22 +0100
Subject: [PATCH] fix: modal and notes style fixes

---
 src/components/modals/main/scss/settings/_main.scss | 8 ++++----
 src/components/modals/main/settings/Text.jsx        | 2 +-
 src/components/modals/main/tabs/backend/Tabs.jsx    | 9 ++++++---
 src/components/widgets/navbar/Notes.jsx             | 4 ++++
 src/components/widgets/navbar/scss/_notes.scss      | 4 ++--
 5 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/components/modals/main/scss/settings/_main.scss b/src/components/modals/main/scss/settings/_main.scss
index 11355fe1..f5e70772 100644
--- a/src/components/modals/main/scss/settings/_main.scss
+++ b/src/components/modals/main/scss/settings/_main.scss
@@ -42,16 +42,16 @@ ul {
     width: 20px;
     height: 20px;
     border-radius: 12px;
-    background: #ff4757;
+    background: var(--modal-text);
     cursor: pointer;
   }
 
   &::-moz-range-thumb {
-    width: 25px;
-    height: 25px;
+    width: 20px;
+    height: 20px;
     border-radius: 12px;
     border: 0;
-    background: #ff4757;
+    background: var(--modal-text);
     cursor: pointer;
   }
 }
diff --git a/src/components/modals/main/settings/Text.jsx b/src/components/modals/main/settings/Text.jsx
index 647b11c7..89a88154 100644
--- a/src/components/modals/main/settings/Text.jsx
+++ b/src/components/modals/main/settings/Text.jsx
@@ -40,7 +40,7 @@ export default class Text extends React.PureComponent {
         <p>{this.props.title} <span className='modalLink' onClick={this.resetItem}>{this.language.buttons.reset}</span></p>
         {(this.props.textarea === true) ? 
           <textarea className='settingsTextarea' value={this.state.value} onChange={this.handleChange}/>
-          :<input type='text' value={this.state.value} onChange={this.handleChange}/>
+          : <input type='text' value={this.state.value} onChange={this.handleChange}/>
         }
       </>
     );
diff --git a/src/components/modals/main/tabs/backend/Tabs.jsx b/src/components/modals/main/tabs/backend/Tabs.jsx
index 6b5591a4..14161668 100644
--- a/src/components/modals/main/tabs/backend/Tabs.jsx
+++ b/src/components/modals/main/tabs/backend/Tabs.jsx
@@ -30,7 +30,7 @@ export default class Tabs extends React.PureComponent {
     }
 
     return (
-      <span className='tabs'>
+      <>
         <ul className={className}>
           {optionsText}
           {this.props.children.map((tab) => {
@@ -48,12 +48,15 @@ export default class Tabs extends React.PureComponent {
         <div className={tabClass}>
           <ErrorBoundary>
             {this.props.children.map((child) => {
-              if (child.props.label !== this.state.currentTab) return undefined;
+              if (child.props.label !== this.state.currentTab) {
+                return undefined;
+              }
+
               return child.props.children;
             })}
           </ErrorBoundary>
         </div>
-      </span>
+      </>
     );
   }
 }
diff --git a/src/components/widgets/navbar/Notes.jsx b/src/components/widgets/navbar/Notes.jsx
index 55ba895b..61444998 100644
--- a/src/components/widgets/navbar/Notes.jsx
+++ b/src/components/widgets/navbar/Notes.jsx
@@ -36,6 +36,10 @@ export default class Notes extends React.PureComponent {
     if (localStorage.getItem('notesPinned') === 'true') {
       document.getElementById('noteContainer').classList.toggle('visibilityshow');
     }
+
+    if (localStorage.getItem('refresh') === 'false') {
+      document.getElementById('noteContainer').style.marginLeft = '-200px';
+    }
   }
 
   render() {
diff --git a/src/components/widgets/navbar/scss/_notes.scss b/src/components/widgets/navbar/scss/_notes.scss
index a8df8901..1d482bb3 100644
--- a/src/components/widgets/navbar/scss/_notes.scss
+++ b/src/components/widgets/navbar/scss/_notes.scss
@@ -42,12 +42,12 @@ textarea {
 
 .topbarnotes {
   svg {
-    font-size: 48px;
+    font-size: 46px;
     padding: 9px;
   }
 
   h3 {
-    font-size: 48px;
+    font-size: 46px;
     margin-right: 20px;
   }
 }