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

@@ -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;
 }

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;
 }