CSS refactor

LiamSwayne · Mar 16, 2024 · 160e16d · 160e16d
1 parent 1d633cd
commit 160e16d
Showing 1 changed file with 24 additions and 24 deletions.
diff --git a/site/styles.css b/site/styles.css
@@ -5,6 +5,18 @@ body {
     color: #ffffff;
 }
 
+h1, h2 {
+    color: #ffffff;
+}
+
+a {
+    color: #ffa500;
+}
+
+a:hover {
+    color: #ffd700;
+}
+
 input, output {
     margin-bottom: 15px;
     border-radius: 8px;
@@ -26,23 +38,21 @@ input, output {
     padding-left: 10px;
     padding-right: 10px;
     border-radius: 8px;
-    display: flex; /* Add flex display to align items horizontally */
-    align-items: center; /* Center items vertically */
+    display: flex;
+    align-items: center;
 }
 
 .tree-slider label {
-    margin-right: 15px; /* Add margin for spacing between checkbox and label */
+    margin-right: 15px;
 }
 
 .tree-slider input[type="range"] {
-    flex-grow: 1; /* Allow the slider to take up remaining space */
+    flex-grow: 1;
 }
 
-.result-section, .input-section {
-    display: flex;
-    justify-content: flex-start;
-    align-items: baseline;
-    margin-bottom: 10px;
+input[type=number] {
+    -moz-appearance: textfield;
+    appearance: textfield;
 }
 
 input[type=number]::-webkit-inner-spin-button,  
@@ -51,19 +61,9 @@ input[type=number]::-webkit-outer-spin-button {
     margin: 0;  
 }
 
-input[type=number] {
-    -moz-appearance: textfield;
-    appearance: textfield;
-}
-
-h1, h2 {
-    color: #ffffff;
-}
-
-a {
-    color: #ffa500;
-}
-
-a:hover {
-    color: #ffd700;
+.result-section, .input-section {
+    display: flex;
+    justify-content: flex-start;
+    align-items: baseline;
+    margin-bottom: 10px;
 }