feat: make settings more readable

dayvar14 · Oct 10, 2024 · a2b891b · a2b891b
1 parent 1bbee13
commit a2b891b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/components/SettingsList/SettingsList.tsx b/src/components/SettingsList/SettingsList.tsx
@@ -66,7 +66,7 @@ const SettingsList = () => {
       </div>
       <hr />
       <div className='settings-body'>
-        <h3>Player Access</h3>
+        <h2>Player Access</h2>
         <hr />
         <div>
           <div className='settings-item'>
@@ -129,7 +129,7 @@ const SettingsList = () => {
             </div>
           </div>
         </div>
-        <h3>Grouping</h3>
+        <h2>Grouping</h2>
         <hr />
         <div>
           <div className='settings-item'>
@@ -198,7 +198,7 @@ const SettingsList = () => {
             </div>
           </div>
         </div>
-        <h3>Misc.</h3>
+        <h2>Misc.</h2>
         <hr />
         <div>
           <div className='settings-item'>

diff --git a/src/styles/components/_settings.scss b/src/styles/components/_settings.scss
@@ -48,11 +48,14 @@
     overflow: scroll;
 
     h2 {
-        font-weight: 500;
+        font-size: map-get($font-sizes, large);
+        font-weight: 800;
     }
 
     hr {
         border-width: map-get($space-sizes, xxxxsmall);
+        margin-bottom: map-get($space-sizes, xxsmall);
+
     }
 }