Improve table layout

themes/maik-blog/assets/scss/_collapsible-block.scss

@@ -32,7 +32,7 @@
             margin: 1em;
 
             > .highlight {
-                margin: 0 -1em;
+                margin: 1em -1em;
                 border-radius: 0;
 
                 &:first-child {
@@ -45,6 +45,30 @@
                     margin-bottom: -1em;
                 }
             }
+
+            > table {
+                margin: 1em -1em;
+                border-radius: 0;
+
+                &:only-child {
+                    background: inherit;
+                    padding: 0 10px;
+                }
+
+                &:first-child {
+                    margin-top: -1em;
+                }
+
+                &:last-child {
+                    margin-bottom: -1em;
+                }
+
+                td {
+                    word-break: normal;
+                    overflow-wrap: normal;
+                    white-space: pre;
+                }
+            }
         }
     }
 

themes/maik-blog/assets/scss/_main.scss

@@ -484,21 +484,20 @@ svg {
 
 table {
     width: 100%;
-    padding: 10px 10px 10px 20px;
+    padding: 10px;
     border-radius: 8px;
     font-size: 0.95rem;
-    overflow: auto;
     background: $light-background-secondary;
 
     th {
-        padding: 8px 4px;
+        padding: 8px 8px;
 
         word-break: normal;
         overflow-wrap: normal;
     }
 
     td {
-        padding: 6px 4px;
+        padding: 6px 8px;
 
         border-top: 1px solid $light-color-secondary;
     }