Initial styling

Change from default increment/decrement buttons to custom ones since that's easier to style.
2025-08-24 13:32:12 -07:00
parent 6541d65f3a
commit da1e6f32a5
4 changed files with 268 additions and 29 deletions
--- a/ternary-graph.css
+++ b/ternary-graph.css
@@ -0,0 +1,42 @@
+button {
+  border-width: 3px;
+  border-bottom-color: #B3B3B3;
+  border-right-color: #B3B3B3;
+  border-left-color: #E3E3E3;
+  border-top-color: #E3E3E3;
+}
+
+.group {
+  display: flex;
+  flex-direction: column;
+  margin-bottom: 1em;
+}
+
+input {
+  border-width: 3px;
+  border-bottom-color: #E3E3E3;
+  border-right-color: #E3E3E3;
+  border-left-color: #B3B3B3;
+  border-top-color: #B3B3B3;
+}
+
+input[type="number"] {
+  -webkit-appearance: textfield;
+     -moz-appearance: textfield;
+          appearance: textfield;
+  width: 3em;
+}
+
+.input {
+  height: 1.5em;
+  margin-bottom: 0.4em;
+}
+
+p {
+    margin: auto;
+    margin-right: 0.5em;
+}
+
+#svg-container {
+    margin: auto;
+}