Fix center issue

resources/css/main.css

@@ -77,11 +77,24 @@ input[type=color] {
 /* Table elements */
 table {
   width: 100%;
+  display: table;
+}
+
+tbody {
+  display: table-row-group;
+  width: auto;
+}
+
+tr {
+  display: table-row;
+  width: auto;
 }
 
 td, th {
   border: 1px solid white;
   padding: 8px;
+  display: table-cell;
+  width: auto;
 }
 
 th {
@@ -114,6 +127,10 @@ tr:hover {
   margin: auto;
 }
 
+.center > :not(table) {
+  display: block;
+}
+
 .center canvas {
   border: 5px solid black;
 }

resources/css/scss/_classes.scss

@@ -7,9 +7,9 @@
     height: max-content;
     border-radius: $radius;
     
-    * {
-        margin: auto;
-    }
+    * { margin: auto;}
+
+    &>:not(table){ display: block;}
 
     canvas {
       border: 5px solid black;

resources/css/scss/main.scss

@@ -94,11 +94,24 @@ input[type=submit] {
 
 table {
     width: 100%;
+    display: table;
+}
+
+tbody {
+  display: table-row-group;
+  width: auto;
+}
+
+tr {
+  display: table-row;
+  width: auto;
 }
 
 td, th {
     border: 1px solid $border-color;
     padding: 8px;
+    display: table-cell;
+    width: auto;
 }
 
 th {