From 65f77e92ee593f66084a661fb275ebac159136e4 Mon Sep 17 00:00:00 2001
From: Jack Cherng <jfcherng@gmail.com>
Date: Mon, 26 Sep 2022 22:27:17 +0800
Subject: [PATCH] fix: side-by-side table column may be too narrow

Signed-off-by: Jack Cherng <jfcherng@gmail.com>
---
 example/diff-table.css  | 3 +++
 example/diff-table.scss | 9 +++++++++
 2 files changed, 12 insertions(+)

diff --git a/example/diff-table.css b/example/diff-table.css
index 5cd7d504..767ccda6 100644
--- a/example/diff-table.css
+++ b/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;
 }
diff --git a/example/diff-table.scss b/example/diff-table.scss
index 74348126..89c491ee 100644
--- a/example/diff-table.scss
+++ b/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 {