style: fix too big of a gap between tab buttons and theme buttons

Author: Miodec

frontend/src/html/pages/settings.html

@@ -1239,11 +1239,10 @@
         <button tab="custom" class="tab">custom</button>
       </div> -->
 
-      <!-- Used to convert colors to hex  -->
-      <div class="colorConverter"></div>
-
       <div class="tabContainer">
         <div tabContent="custom" class="tabContent customTheme hidden">
+          <!-- Used to convert colors to hex  -->
+          <div class="colorConverter"></div>
           <div class="allCustomThemes buttons"></div>
           <div class="customThemeEdit">
             <div class="customThemeInputs">

frontend/src/styles/settings.scss

@@ -302,7 +302,6 @@
 
           &.customTheme {
             grid-template-columns: 1fr;
-            margin-top: 1rem;
             .colorText {
               color: var(--text-color);
             }