From 2042e5e7fe74d4711b9c0eef94a78cde0fffca0e Mon Sep 17 00:00:00 2001
From: Magnus Hoff <maghoff@gmail.com>
Date: Mon, 6 Nov 2017 12:55:13 +0100
Subject: [PATCH] Style diff a little bit better

---
 assets/style.css    | 13 ++++++++-----
 templates/diff.html |  8 ++++----
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index 1c9dae6..2158645 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -418,14 +418,17 @@ input[type="search"] {
     }
 }
 
-.removed {
-    background: red;
+.diff {
+    background: none;
+    white-space: pre-wrap;
 }
-.same {
-    background: white;
+.removed {
+    color: #866;
+    background: #fdd;
+    text-decoration: line-through;
 }
 .added {
-    background: green;
+    background: #ceb;
 }
 
 @media print {
diff --git a/templates/diff.html b/templates/diff.html
index 45fac61..f0a6cd8 100644
--- a/templates/diff.html
+++ b/templates/diff.html
@@ -4,10 +4,10 @@
 </header>
 
 <article>
-<pre>{{#lines}}{{#.removed}}<div class="removed">{{.}}
-</div>{{/.removed}}{{#.same}}<div class="same">{{.}}
-</div>{{/.same}}{{#.added}}<div class="added">{{.}}
-</div>{{/.added}}{{/lines}}</pre>
+<pre class="diff">{{#lines}}{{#.removed}}<span class="removed">{{.}}
+</span>{{/.removed}}{{#.same}}<span class="same">{{.}}
+</span>{{/.same}}{{#.added}}<span class="added">{{.}}
+</span>{{/.added}}{{/lines}}</pre>
 </article>
 </div>