2 files changed, 39 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 {
diff --git a/static/icons.css b/static/icons.css
index d191b0a..b30e66c 100644
--- a/static/icons.css
+++ b/static/icons.css
@@ -126,4 +126,10 @@
   &.extension-outline {
     --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8.8 21H5q-.825 0-1.412-.587T3 19v-3.8q1.2 0 2.1-.762T6 12.5t-.9-1.937T3 9.8V6q0-.825.588-1.412T5 4h4q0-1.05.725-1.775T11.5 1.5t1.775.725T14 4h4q.825 0 1.413.588T20 6v4q1.05 0 1.775.725T22.5 12.5t-.725 1.775T20 15v4q0 .825-.587 1.413T18 21h-3.8q0-1.25-.787-2.125T11.5 18t-1.912.875T8.8 21M5 19h2.125q.6-1.65 1.925-2.325T11.5 16t2.45.675T15.875 19H18v-6h2q.2 0 .35-.15t.15-.35t-.15-.35T20 12h-2V6h-6V4q0-.2-.15-.35t-.35-.15t-.35.15T11 4v2H5v2.2q1.35.5 2.175 1.675T8 12.5q0 1.425-.825 2.6T5 16.8zm6.5-6.5'/%3E%3C/svg%3E");
   }
+  &.person-off {
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M19.775 22.625L17.15 20H4v-2.8q0-.85.438-1.562T5.6 14.55q1.125-.575 2.288-.925t2.362-.525L1.375 4.225L2.8 2.8l18.4 18.4zM18.4 14.55q.725.35 1.15 1.062T20 17.15l-3.35-3.35q.45.175.888.35t.862.4m-4.2-3.2L8.65 5.8q.575-.85 1.45-1.325T12 4q1.65 0 2.825 1.175T16 8q0 1.025-.475 1.9T14.2 11.35'/%3E%3C/svg%3E");
+  }
+  &.select-all {
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 17V7h10v10zm2-2h6V9H9zm-4 4v2q-.825 0-1.412-.587T3 19zm-2-2v-2h2v2zm0-4v-2h2v2zm0-4V7h2v2zm2-4H3q0-.825.588-1.412T5 3zm2 16v-2h2v2zM7 5V3h2v2zm4 16v-2h2v2zm0-16V3h2v2zm4 16v-2h2v2zm0-16V3h2v2zm4 16v-2h2q0 .825-.587 1.413T19 21m0-4v-2h2v2zm0-4v-2h2v2zm0-4V7h2v2zm0-4V3q.825 0 1.413.588T21 5z'/%3E%3C/svg%3E");
+  }
 }