Merged ESM into feature-bootstrap4. Started work on text inputs.

src/web/stylesheets/layout/_controls.css

@@ -7,8 +7,7 @@
  */
 
 :root {
-    --controls-height: 130px;
-    --controls-division: 65%;
+    --controls-height: 80px;
 }
 
 #controls {
@@ -18,48 +17,5 @@
     bottom: 0;
     padding: 10px;
     border-top: 1px solid var(--primary-border-colour);
-    background-color: var(--secondary-background-colour);
-}
-
-#operational-controls {
-    width: var(--controls-division);
-    float: left;
-    text-align: center;
-}
-
-#bake-group {
-    display: table;
-    width: 100%;
-}
-
-#bake {
-    display: table-cell;
-    width: 100%;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-}
-
-#auto-bake-label {
-    display: table-cell;
-    padding: 1px;
-    line-height: 1.35;
-    width: 60px;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    border-left: 1px solid transparent;
-}
-
-#auto-bake-label:hover {
-    border-left-color: var(--btn-success-hover-border-colour);
-}
-
-#auto-bake-label div {
-    font-size: 10px;
-    padding: 2px;
-}
-
-#extra-controls {
-    float: right;
-    width: calc(100% - var(--controls-division));
-    padding-left: 10px;
+    background-color: var(--primary-background-colour);
 }

src/web/stylesheets/layout/_io.css

@@ -32,7 +32,7 @@
 
 .textarea-wrapper {
     position: absolute;
-    top: 43px;
+    top: var(--title-height);
     bottom: 0;
     width: 100%;
     overflow: hidden;
@@ -103,18 +103,13 @@
     display: none;
 }
 
-.io-btn-group {
-    float: right;
-    margin-top: -4px;
-}
-
 .io-info {
     margin-right: 20px;
-    margin-top: -4px;
+    margin-top: 1px;
     float: right;
     height: 30px;
     text-align: right;
-    line-height: 10px;
+    line-height: 12px;
     font-family: var(--fixed-width-font-family);
     font-weight: normal;
     font-size: 8pt;
@@ -145,6 +140,6 @@
     line-height: var(--primary-line-height);
     color: var(--primary-font-colour);
     top: 50%;
-    
+
     transition: all 0.5s ease;
 }

src/web/stylesheets/layout/_operations.css

@@ -21,7 +21,7 @@
 
 #edit-favourites {
     float: right;
-    margin-top: -5px;
+    margin-top: -6px;
 }
 
 .favourites-hover {