Update css

resources/css/scss/_classes.scss

@@ -7,9 +7,10 @@
   height: max-content;
   border-radius: $radius;
   
-  * { margin: auto;}
-
-  &>:not(table, .textboxGrid){ display: block;}
+  * {
+    margin: auto;
+    display: block;
+  }
 
   canvas {
     border: 5px solid black;
@@ -17,8 +18,11 @@
 }
 
 .inline {
-  margin: $standardMargin;
-  * {display: inline-block;}
+  margin: $standardMargin 0px;
+  * {
+    display: inline-block;
+    vertical-align: middle;
+  }
 }
 
 .leftalign * {
@@ -40,9 +44,8 @@
   }
 
   * {
-    display: auto;
+    display: block;
 
-    size: 100%;
     margin: 0px;
     padding: 30px 0px;
     text-align: center;
@@ -53,11 +56,13 @@
 
   .gridElement {
 
+    display: initial;
+
     border: 1px solid black;
     overflow-wrap: break-word;
 
     * {
-      margin: 3px;
+      margin: auto;
       padding: 0px 30px;
       background-color: transparent;
     }
@@ -82,4 +87,22 @@
   &:hover {
     background-color: rgba($color: #000000, $alpha: 0.2);
   }
+}
+
+.inlineTable {
+  display: table;
+  margin: 20px 0px;
+  
+  tbody {
+    display: table-row-group;
+  }
+
+  tr {
+    display: table-row;
+
+    th, td {
+      display: table-cell;
+    }
+  }
+
 }

resources/css/scss/main.scss

@@ -3,7 +3,6 @@
 /* Colors */
 @import "colors";
 
-
 /* General styling */
 
 body {
@@ -95,6 +94,7 @@ input[type=submit] {
 table {
   width: 100%;
   display: table;
+  border-spacing: 0px;
 }
 
 tbody {