From 314a84382ecb31a2f1faa879855ce20b9f442036 Mon Sep 17 00:00:00 2001
From: Brian Cully <bjc@spork.org>
Date: Mon, 12 May 2025 22:29:56 -0400
Subject: wip: making some progress on the grid

 - got radio buttons back, but open/selected still have different
 interfaces. should use getAttribute() everywhere
---
 main.css | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

(limited to 'main.css')

diff --git a/main.css b/main.css
index f739fba..425d49e 100644
--- a/main.css
+++ b/main.css
@@ -38,22 +38,35 @@ body {
     background-color: var(--fret-bg-color-3);
 }
 
-x-string {
+x-string form {
     display: grid;
     padding: 5px;
     cursor: pointer;
     list-style: none;
     grid-template-rows: 1ex;
     /* TODO: this should be put on the element when it's attached. */
-    grid-template-columns: repeat(10, 1fr);
+    grid-template-columns: repeat(10, 1.5em); /* and use ‘fr’ */
+}
+
+x-string input[type="checkbox"] {
+    text-align: center;
+    width: 1em;
+    height: 1em;
+    display: grid;
+    grid-template-columns: subgrid;
 }
 
 x-string li {
     text-align: center;
+    display: grid;
+    grid-template-columns: subgrid;
 }
 
 x-string .selected {
     border-left: 1px solid black;
+    text-align: center;
+    margin: 0;
+    margin-left: 5px;
 }
 
 x-fretboard {
-- 
cgit v1.3