From b89c4195ef1c379fd3bfc08cd328f309f1cb1e27 Mon Sep 17 00:00:00 2001
From: Andrei Dziahel <develop7@develop7.info>
Date: Tue, 10 Dec 2019 17:30:27 +0300
Subject: [PATCH] Improve the snapshot diff view
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaced "package-name-1.2.3.4 package-2.3.4.5" representation with
"package-name 1.2.3.4 → 2.3.4.5", since package name is always the same.
---
 templates/stackage-diff.hamlet | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/templates/stackage-diff.hamlet b/templates/stackage-diff.hamlet
index 4cae29d..bad26f9 100644
--- a/templates/stackage-diff.hamlet
+++ b/templates/stackage-diff.hamlet
@@ -37,29 +37,31 @@
           <tr>
             $case verChange
               $of This oldVersion
+                <td> #{pkgname}
                 <td>
-                  <a href=@{packageUrl name1 pkgname oldVersion}#changes}>
-                    #{pkgname}-#{oldVersion}
-                <td>
+                  <a href=@{packageUrl name1 pkgname oldVersion}#changes>
+                    <span .version-removed>#{oldVersion}
               $of That newVersion
-                <td>
+                <td> #{pkgname}
                 <td>
                   <a href=@{packageUrl name2 pkgname newVersion}#changes>
-                    #{pkgname}-#{newVersion}
+                    <span .version-added>#{newVersion}
               $of These oldVersion newVersion
                 $maybe (common, old, new) <- versionDiff
+                  <td> #{pkgname}
                   <td>
                     <a href=@{packageUrl name1 pkgname oldVersion}#changes>
-                      #{pkgname}-#{common}#
+                      #{common}#
                       <span .version-removed>#{old}
-                  <td>
+                    &rarr;
                     <a href=@{packageUrl name2 pkgname newVersion}#changes>
-                      #{pkgname}-#{common}#
+                      #{common}#
                       <span .version-added>#{new}
                 $nothing
+                  <td> #{pkgname}
                   <td>
                     <a href=@{packageUrl name1 pkgname oldVersion}#changes>
-                      #{pkgname}-#{oldVersion}
-                  <td>
+                      <span .version-removed>#{oldVersion}
+                    &rarr;
                     <a href=@{packageUrl name2 pkgname newVersion}#changes>
-                      #{pkgname}-#{newVersion}
+                      <span .version-added>#{newVersion}