Stylistic update

src/styles/scss/_gjs_inputs.scss

@@ -16,12 +16,44 @@
   height: 3px;
 }
 
-.#{$app-prefix}label {
+.#{$app-prefix} {
-  line-height: 18px;
+  &label {
+    line-height: 18px;
+  }
+
+  &fields {
+    display: flex;
+  }
+
+  &select {
+    padding: 0;
+    width: 100%;
+
+    select {
+      padding-right: 10px;
+    }
+  }
+
+  &select:-moz-focusring,
+  &select select:-moz-focusring {
+    color: transparent;
+    text-shadow: 0 0 0 $mainLhlColor;
+  }
+
+  &input:focus,
+  &button:focus,
+  &btn-prim:focus,
+  &select:focus,
+  &select select:focus {
+    outline: none;
+  }
 }
 
-.#{$app-prefix}fields {
+.#{$app-prefix}select option,
-  display: flex;
+.#{$clm-prefix}select option,
+.#{$sm-prefix}select option,
+.#{$sm-prefix}unit option {
+  @extend .#{$app-prefix}bg-main;
 }
 
 .#{$app-prefix}field {

src/styles/scss/main.scss

@@ -206,36 +206,6 @@
   pointer-events: none;
 }
 
-div.#{$app-prefix}select {
-  padding: 0;
-}
-
-.#{$app-prefix}select select {
-  padding-right: 10px;
-}
-
-.#{$app-prefix}select:-moz-focusring,
-.#{$app-prefix}select select:-moz-focusring {
-  color: transparent;
-  text-shadow: 0 0 0 $mainLhlColor;
-}
-
-.#{$app-prefix}input:focus,
-.#{$app-prefix}button:focus,
-.#{$app-prefix}btn-prim:focus,
-.#{$app-prefix}select:focus,
-.#{$app-prefix}select select:focus {
-  outline: none;
-}
-
-.#{$app-prefix}select option,
-.#{$clm-prefix}select option,
-.#{$sm-prefix}select option,
-.#{$sm-prefix}unit option {
-  @extend .#{$app-prefix}bg-main;
-  //background-color: $mainDkColor;
-}
-
 /*************  TRAITS  ****************/
 .#{$app-prefix}traits-label {
   border-bottom: 1px solid $mainDkColor;