more facts

nginx/vue/public/css/styles.css

@@ -50,6 +50,8 @@
     --bg_quaternary: #888;
 
     --margin: 3px;
+    --padding: 3px;
+    --gap: 1px;
 
     /* FONTS USED */
     --font-heading: big_noodle_titling;
@@ -234,8 +236,16 @@ tr {
     box-sizing: border-box;
 }
 
-.margin1 {
-    margin: 10px;
+.margin {
+    margin: var(--margin);
+}
+
+.pad {
+    padding: var(--padding);
+}
+
+.gap {
+    gap: var(--gap);
 }
 
 /* ALIGNMENT */
@@ -250,6 +260,12 @@ tr {
     justify-content: center;
 }
 
+.left-content {
+    text-align: left;
+    align-items: left;
+    justify-content: left;
+}
+
 .flex-row {
     display: flex;
     flex-direction: row;
@@ -273,6 +289,14 @@ tr {
     padding: 2px;
 }
 
+.space-around {
+    justify-content: space-around;
+}
+
+.space-between {
+    justify-content: space-between;
+}
+
 .floating {
     position: absolute;
 }