diff --git a/web/index.html b/web/index.html index eda2405..0176770 100644 --- a/web/index.html +++ b/web/index.html @@ -11,6 +11,14 @@ Disconnected + + + + + + + +
@@ -43,19 +51,6 @@
-
-

Sud

-
- - - - -
-
- - -
-

Controller

diff --git a/web/style.css b/web/style.css index 9920a8e..3d5a3f8 100644 --- a/web/style.css +++ b/web/style.css @@ -16,6 +16,7 @@ body { header#connection-bar { display: flex; align-items: center; + flex-wrap: wrap; gap: 1em; padding-bottom: 0.5em; border-bottom: 1px solid #ccc; @@ -24,6 +25,14 @@ header#connection-bar { .status-connected { color: #2ecc71; font-weight: bold; } .status-disconnected { color: #999; } +#sud-controls { + display: flex; + align-items: center; + gap: 0.5em; + padding-left: 1em; + border-left: 1px solid #ccc; +} + #lcd-panel { display: grid; grid-template-columns: 10em 6em 6em; @@ -84,12 +93,7 @@ nav#tabs { .hidden { display: none; } -.button-row { - display: flex; - gap: 0.5em; - margin: 0.3em 0; -} -.button-row button:disabled { opacity: 0.5; cursor: default; } +#sud-controls button:disabled { opacity: 0.5; cursor: default; } #step-plates { display: flex; flex-direction: column; gap: 0.5em; max-width: 36em; }