commit 2a3f59fdabc4c1498e2118db84ddc51d07fba7b5
author Kasper Nilsson <kaspern@google.com> Wed Jul 25 14:01:14 2018 -0700
committer Kasper Nilsson <kaspern@google.com> Wed Aug 01 12:29:19 2018 -0700
tree dbbf25529c16e00a962b59e3dab21196f6cde764
parent 9221d7b85b3b28fecf913da44199e5f27756f840

Modernize image diff layout

As per UX instructions, adds a border between the images and replaces
the image outline with a box shadow.

Change-Id: Iec157ce7e346cab217a49d6fcee5977c1702478c

polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html

diff --git a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
index 718fa17..17b3187 100644
--- a/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
+++ b/polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html
@@ -55,11 +55,15 @@
         background-color: var(--table-header-background-color);
       }
       .image-diff .gr-diff {
+        background-color: var(--table-header-background-color);
         text-align: center;
       }
       .image-diff img {
+        box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
         max-width: 50em;
-        outline: 1px solid var(--border-color);
+      }
+      .image-diff .right.lineNum {
+        border-left: 1px solid var(--border-color);
       }
       .image-diff label,
       .binary-diff label {