From 82e797c8b303393aa7d0b16787ec353b520dec44 Mon Sep 17 00:00:00 2001
From: Brian Cully <bjc@spork.org>
Date: Mon, 28 Jul 2025 11:31:33 -0400
Subject: fix some css sizing issues in the fretboard

---
 main.css | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

(limited to 'main.css')

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