fix: side-by-side table column may be too narrow

Signed-off-by: Jack Cherng <[email protected]>

Author: jfcherng

example/diff-table.css

@@ -90,6 +90,9 @@
   background-size: calc(var(--tab-size) * 1ch) 1.25em;
   background-position: 2px center;
 }
+.diff-wrapper.diff.diff-html.diff-side-by-side td.old, .diff-wrapper.diff.diff-html.diff-side-by-side td.new {
+  width: 45%;
+}
 .diff-wrapper.diff.diff-html.diff-combined .change.change-rep .rep {
   white-space: normal;
 }

example/diff-table.scss

@@ -146,6 +146,15 @@ $img-tab: 'data:image/svg+xml,%3Csvg preserveAspectRatio="xMinYMid meet" viewBox
       }
     }
 
+    &.diff-side-by-side {
+      td {
+        &.old,
+        &.new {
+          width: 45%;
+        }
+      }
+    }
+
     &.diff-combined {
       .change.change-rep {
         .rep {