Removed all mr-5, mb-5 and basis tailwind classes.

Will soon remove tailwind totally.

bookie/src/styles.sass

@@ -15,6 +15,40 @@ a
   color: rgb(0, 0, 238)
   text-decoration: underline
 
+.basis-15
+  flex-basis: 15%
+
+.basis-1-6
+  flex-basis: 16.67%
+
+.basis-1-5
+  flex-basis: 20%
+
+.basis-1-4
+  flex-basis: 25%
+
+.basis-30
+  flex-basis: 30%
+
+.basis-1-3
+  flex-basis: 33.33%
+
+.basis-2-5
+  flex-basis: 40%
+
+.basis-1-2
+  flex-basis: 50%
+
+.basis-3-4
+  flex-basis: 75%
+
+.basis-4-5
+  flex-basis: 80%
+
+.row-container
+  display: flex
+  flex-direction: row
+  gap: 20px  // sets 20px space between all children
 
 $my-primary: mat.m2-define-palette(mat.$m2-indigo-palette, 500)
 $my-accent: mat.m2-define-palette(mat.$m2-amber-palette, A200, A100, A400)
@@ -28,7 +62,7 @@ $my-disabled: mat.m2-define-palette(mat.$m2-grey-palette, 500)
   min-height: 150px
   max-height: 150px
   cursor: pointer
-  margin: 20px
+  // margin: 20px
   h3
     text-align: center
     padding: 0.5rem