From: Ben Harris Date: Sat, 20 Sep 2025 15:12:57 +0000 (+0100) Subject: webstead: better layout X-Git-Tag: bedstead-3.261~60 X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~bjharris/git?a=commitdiff_plain;h=e1e16471c8285763fcf2fc34c68e9394f4d48823;p=bedstead.git webstead: better layout --- diff --git a/webstead.xhtml b/webstead.xhtml index b07c812..4f80f56 100644 --- a/webstead.xhtml +++ b/webstead.xhtml @@ -7,17 +7,30 @@ :root { --pix: 50px; } + #inout { + display: flex; + } + #inout > * { + margin-left: var(--pix); + margin-top: var(--pix); + } + #outpane { + width: calc(5 * var(--pix)); + height: calc(9 * var(--pix)); + } #pixels { border-spacing: 0; } #pixels td { padding: 0; + line-height: 0; + border: 1px solid #33ff88; } #pixels input { appearance: none; margin: 0; - width: var(--pix); - height: var(--pix); + width: calc(var(--pix) - 2px); + height: calc(var(--pix) - 2px); } #pixels input:checked { background: #33ff88; @@ -59,80 +72,82 @@ -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-

-
- - - - - +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+
+ + + + + +
+