adapt layer style to include sides input

style.css

@@ -29,7 +29,7 @@ body {
   flex-direction: column;
   flex-wrap: nowrap;
   font-size: 4vw;
-  line-height: 6vw;
+  line-height: 4vw;
   font-family: "Open Sans", sans-serif;
   box-sizing: border-box;
   width: 100vw;
@@ -116,7 +116,6 @@ button {
   user-select: none;
   -webkit-user-select: none;
   touch-action: manipulation;
-  line-height: 1em;
 }
 button:before {
   background-color: initial;
@@ -191,13 +190,13 @@ input, select, option {
   font-size: inherit;
   line-height: inherit;
   max-width: 4em;
-  border: none;
+  padding: 0;
 }
 option {
   text-align: center;
 }
 .input-slider {
-  min-width: 8em;
+  min-width: 9em;
 }
 .plus-button {
   align-self: center;
@@ -228,32 +227,33 @@ option {
   display: flex;
   flex-direction: column;
   width: -webkit-fill-available;
-  gap: 0.1em;
+  gap: 0.5em;
   padding: 0.5em 0 0.5em 0;
 }
 .layer-row {
   display: flex;
   flex-direction: row;
-  line-height: 2em;
+  line-height: inherit;
   align-items: center;
   justify-content: start;
+  gap: 0.3em;
 }
 .layer-row label {
   display: inline-flex;
-  width: 5em;
+  width: 4.5em;
 }
 .layer-row input {
-  width: 4em;
+  width: 3em;
   text-align: center;
 }
 .layer-row select {
-  font-size: 1.6em;
+  font-size: inherit;
 }
 
 @media only screen and (min-width: 724px) and (max-width: 1024px){
   main {
     font-size: 2.5vw;
-    line-height: 2.8vw;
+    line-height: 2.5vw;
   }
 }
 @media only screen and (min-width: 1081px) {
@@ -263,7 +263,7 @@ option {
   }
   header {
     font-size: 1.3vw;
-    line-height: 1.8vw;
+    line-height: 1.3vw;
     flex-grow: 2;
     flex-shrink: 2;
     min-width: fit-content;
@@ -278,7 +278,7 @@ option {
     max-width: 96vw;
     min-width: -webkit-fill-available;
     font-size: 1.8vw;
-    line-height: 2vw;
+    line-height: 1.8vw;
     order: 2;
     align-self: center;
     gap: 1em;