implement poking and such

1 files changed, 22 insertions, 5 deletions

diff --git a/static/form.css b/static/form.css
index bb8655d..39f25cf 100644
--- a/static/form.css
+++ b/static/form.css
@@ -1,19 +1,23 @@
 form:not(.nopanel) {
-  border: var(--border);
-  background: var(--clr-panel-background);
-  border-radius: var(--border-radius);
-  margin: var(--spacing-double);
-  padding: var(--spacing-double);
   display: grid;
   grid-auto-flow: row;
   gap: var(--spacing-single);
   max-width: max-content;
 
+  &:not(.nobackground) {
+    border: var(--border);
+    background: var(--clr-panel-background);
+    border-radius: var(--border-radius);
+    margin: var(--spacing-double);
+    padding: var(--spacing-double);
+  }
+
   .row:has(> .column) {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: 1fr;
     gap: var(--spacing-single);
+    align-items: baseline;
   }
 
   label:has(+ input, + textarea, + select),
@@ -156,6 +160,19 @@ form:not(.nopanel) {
     }
   }
 
+  &.pokeForm {
+    .column {
+      display: flex;
+      align-items: center;
+    }
+    label {
+      display: inline;
+      font-size: inherit;
+      color: inherit;
+      margin-right: var(--spacing-single);
+    }
+  }
+
   &.settings {
     padding: 0;
     gap: 0;