From 180c53706938f9afa899cf29e923ce6a2f41b50c Mon Sep 17 00:00:00 2001
From: Brian Cully <bjc@spork.org>
Date: Sun, 9 Mar 2025 13:40:07 -0400
Subject: html: put key selection in fieldset

---
 index.html | 33 ++++++++++++++++++---------------
 1 file changed, 18 insertions(+), 15 deletions(-)

(limited to 'index.html')

diff --git a/index.html b/index.html
index 34d5388..1c0afff 100644
--- a/index.html
+++ b/index.html
@@ -96,21 +96,24 @@
     </form>
 
     <form id='key-picker'>
-      <label for='root'>root note:</label>
-      <select id='root' name='root'>
-        <option value='A'>A</option>
-        <option value='B'>B</option>
-        <option value='C' selected>C</option>
-        <option value='D'>D</option>
-        <option value='E'>E</option>
-        <option value='F'>F</option>
-        <option value='G'>G</option>
-      </select>
-      <label for='foo'></label>
-      <select id='foo' name='foo'>
-        <option value='major' selected>major</option>
-        <option value='minor'>minor</option>
-      </select>
+      <fieldset>
+        <legend>key</legend>
+        <label for='root'>root note:</label>
+        <select id='root' name='root'>
+          <option value='A'>A</option>
+          <option value='B'>B</option>
+          <option value='C' selected>C</option>
+          <option value='D'>D</option>
+          <option value='E'>E</option>
+          <option value='F'>F</option>
+          <option value='G'>G</option>
+        </select>
+        <label for='foo'></label>
+        <select id='foo' name='foo'>
+          <option value='major' selected>major</option>
+          <option value='minor'>minor</option>
+        </select>
+      </fieldset>
     </form>
 
     <script type='module' src='main.mjs'></script>
-- 
cgit v1.3