fix: modal and notes style fixes

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;
   }
 }

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}/>
         }
       </>
     );

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>
+      </>
     );
   }
 }

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() {

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;
   }
 }