Improve table layout

2026-10-02 14:46:25 +00:00 · 2025-01-04 18:10:28 +01:00
parent 6fa9f7b09f
commit 868c11507c
2 changed files with 28 additions and 5 deletions
@@ -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;
+                }
+            }
        }
    }

@@ -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;
    }