implement basic interaction controls

1 files changed, 33 insertions, 1 deletions

diff --git a/static/form.css b/static/form.css
index f807e4f..ef8956a 100644
--- a/static/form.css
+++ b/static/form.css
@@ -104,7 +104,6 @@ form:not(.nopanel) {
     }
 
     .summaryAndContent {
-      margin-bottom: var(--spacing-single);
       input:has(+ textarea) {
         margin-bottom: 0;
         border-bottom-left-radius: 0;
@@ -117,6 +116,39 @@ form:not(.nopanel) {
         }
       }
     }
+
+    .noteScopeButtons,
+    .noteInteractorButtons {
+      display: grid;
+      gap: var(--spacing-single);
+      grid-auto-flow: column;
+      width: max-content;
+      justify-self: center;
+
+      input {
+        display: none;
+      }
+      label {
+        color: var(--clr-action-default);
+        cursor: pointer;
+      }
+      input:checked + label {
+        color: var(--clr-foreground);
+      }
+    }
+  }
+
+  fieldset {
+    border: none;
+    margin: 0;
+    margin-bottom: var(--spacing-single);
+    padding: 0;
+
+    legend {
+      font-size: var(--font-small-size);
+      color: var(--clr-lesser-foreground);
+      margin-bottom: var(--spacing-single);
+    }
   }
 
   &#writePageForm {