From cb0a22a314fd542467d3f1606aac475f582a0034 Mon Sep 17 00:00:00 2001
From: s-ol <s+removethis@s-ol.nu>
Date: Tue, 12 Mar 2024 18:53:36 +0100
Subject: web: basic styling for sidebar

---
 web/style.css | 36 ++++++++++++++++++++++++++++++++++--
 1 file changed, 34 insertions(+), 2 deletions(-)

(limited to 'web/style.css')

diff --git a/web/style.css b/web/style.css
index 7838698..c3e245e 100644
--- a/web/style.css
+++ b/web/style.css
@@ -1,4 +1,5 @@
-html {
+html, body,
+h1, h2 {
   margin: 0;
   padding: 0;
 }
@@ -6,11 +7,42 @@ html {
 body {
   display: flex;
   min-height: 100vh;
-  margin: 0;
+
+  font-family: system-ui, sans-serif;
 }
 
 aside {
+  display: flex;
+  flex-direction: column;
   padding: 1em;
+  gap: 1em;
+
+  width: 300px;
+  overflow: hidden;
+  resize: horizontal;
+}
+aside section {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+aside section > div {
+  display: flex;
+  justify-content: space-between;
+  gap: 4px;
+}
+aside input[type=range],
+aside select {
+  max-width: unset;
+  flex-grow: 1;
+}
+aside button,
+aside label {
+  min-width: 80px;
+}
+
+.grow {
+  flex-grow: 1;
 }
 
 #plot {
-- 
cgit v1.2.3