diff --git a/web/index.html b/web/index.html index 9db36e1..1c6447d 100644 --- a/web/index.html +++ b/web/index.html @@ -8,23 +8,27 @@
- - - Disconnected - +
+ + + Disconnected + + + + + + +
+
- - - - - +
diff --git a/web/style.css b/web/style.css index 55fc136..9e31a51 100644 --- a/web/style.css +++ b/web/style.css @@ -63,12 +63,21 @@ button:disabled { opacity: 0.4; cursor: default; } header#connection-bar { display: flex; - align-items: center; - flex-wrap: wrap; - gap: 1em; + flex-direction: column; + gap: 0.4em; padding: 0.6em 0; border-bottom: 1px solid var(--border); } +#conn-row { + display: flex; + align-items: center; + gap: 1em; +} +#file-row { + display: flex; + align-items: center; + gap: 0.4em; +} #host { width: 18em; } .status-connected { color: var(--green); font-weight: bold; } @@ -118,11 +127,11 @@ header#connection-bar { /* --- Transport buttons (circular, coloured) --- */ .transport-btn { - width: 38px; - height: 38px; + width: 76px; + height: 76px; border-radius: 50%; border: none; - font-size: 15px; + font-size: 30px; cursor: pointer; display: inline-flex; align-items: center;