From e1e16471c8285763fcf2fc34c68e9394f4d48823 Mon Sep 17 00:00:00 2001 From: Ben Harris Date: Sat, 20 Sep 2025 16:12:57 +0100 Subject: [PATCH] webstead: better layout --- webstead.xhtml | 167 +++++++++++++++++++++++++++---------------------- 1 file changed, 91 insertions(+), 76 deletions(-) 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 @@ -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-

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

-- 2.30.2