fix: global styles fix

src/components/tabs/StockGeneratorTab.vue

@@ -12,19 +12,19 @@
           {{ $t('stockgen.properties-desc') }}
         </b>
 
-        <div class="tab_attributes">
+        <div class="inputs">
           <label>
-            {{ $t('stockgen.input-mass') }}
+            <span>{{ $t('stockgen.input-mass') }}</span>
             <input type="number" v-model="maxTons" step="100" max="4000" min="0" />
           </label>
 
           <label>
-            {{ $t('stockgen.input-length') }}
+            <span>{{ $t('stockgen.input-length') }}</span>
             <input type="number" v-model="maxLength" step="25" max="650" min="0" />
           </label>
 
           <label>
-            {{ $t('stockgen.input-carcount') }}
+            <span>{{ $t('stockgen.input-carcount') }}</span>
             <input type="number" v-model="maxCarCount" step="1" max="60" min="1" />
           </label>
         </div>
@@ -368,6 +368,28 @@ h2 {
   gap: 1em;
 }
 
+.inputs {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(12em, 1fr));
+
+  flex-wrap: wrap;
+  gap: 0.5em;
+}
+
+.inputs > label {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25em;
+
+  span {
+    color: #ccc;
+  }
+
+  input[type='text'] {
+    background-color: white;
+  }
+}
+
 .generator_options {
   display: flex;
   flex-direction: column;

src/styles/global.scss

@@ -7,7 +7,7 @@ $secondaryColor: #1b1b1b;
 $accentColor: #e4c428;
 
 $sponsorColor: salmon;
-$teamColor: gold;
+$teamColor: #ff4848;
 
 @font-face {
   font-family: 'Lato';
@@ -210,6 +210,7 @@ input[type='number'] {
   outline: none;
 
   padding: 0.25em 0.35em;
+  height: 100%;
 
   color: white;
   font-size: 1em;