From f33c787a9a368f395b01ff548383e7ccee8a9d07 Mon Sep 17 00:00:00 2001
From: OFF0 <offbyn@protonmail.com>
Date: Tue, 8 Nov 2022 20:37:33 +0100
Subject: [PATCH] updated some styling

- change max-width to apply ti all tabs instead of just forms
- use monospace font for buttons and labels
- add tiny 2px border radius to buttons and prepare bottombar
---
 src/form.css | 12 +++++++++++-
 src/tabs.css |  3 ++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/form.css b/src/form.css
index 61a186b..ec2ff2b 100644
--- a/src/form.css
+++ b/src/form.css
@@ -1,5 +1,4 @@
 form {
-  max-width: 72ch;
 }
 
 input,
@@ -15,6 +14,7 @@ button,
 label {
   color: var(--bgcolor-accent);
   display: block;
+  font-family: monospace;
   font-size: 1.6rem;
   margin-bottom: 0;
   padding: 1.3rem 1.8rem;
@@ -41,6 +41,15 @@ input[type="text"]:focus {
   justify-content: flex-end;
   min-height: 3.2rem;
 }
+.buttons-bottombar {
+  bottom: 2rem;
+  padding: 0 1rem;
+  position: sticky;
+}
+.buttons-bottombar button {
+  font-size: 2rem;
+  margin: 1rem;
+}
 
 .button-inline {
   background: transparent;
@@ -52,6 +61,7 @@ input[type="text"]:focus {
 button {
   background-color: var(--bgcolor-accent);
   border: none;
+  border-radius: .2rem;
   color: white;
   cursor: pointer;
 }
diff --git a/src/tabs.css b/src/tabs.css
index 02cf5a3..10194e1 100644
--- a/src/tabs.css
+++ b/src/tabs.css
@@ -1,5 +1,6 @@
 .tabs {
   position: relative;
+  max-width: 72ch;
   min-height: 200px;
 }
 
@@ -48,5 +49,5 @@
   opacity: 0;
   position: absolute;
   right: 0;
-  top: 5em;
+  top: 10rem;
 }