Reword/slightly rename options
Also some general code cleanup.
Change-Id: Iaefd3a3694af9b369f83484714bc21e13104561e
diff --git a/gr-image-diff-tool/gr-image-diff-tool.html b/gr-image-diff-tool/gr-image-diff-tool.html
index 18c34f1..e85a260 100644
--- a/gr-image-diff-tool/gr-image-diff-tool.html
+++ b/gr-image-diff-tool/gr-image-diff-tool.html
@@ -53,10 +53,10 @@
}
</style>
<div id="header">
- <h3>Image Diff</h3>
+ <h3>Image diff</h3>
<select value="{{_observeMode::change}}" id="dropdown">
- <option value="resemble">Resemble Mode</option>
- <option value="opacity">Opacity Mode</option>
+ <option value="resemble" title="Scale the images to the same size and compute a diff with highlights">Highlight differences</option>
+ <option value="opacity" title="Overlay the new image over the old and use an opacity control to view the differences">Onion skin</option>
</select>
</div>
<div class="diffmode">
diff --git a/gr-opacity-diff-mode/gr-opacity-diff-mode.html b/gr-opacity-diff-mode/gr-opacity-diff-mode.html
index ee79d1d..bd0db70 100644
--- a/gr-opacity-diff-mode/gr-opacity-diff-mode.html
+++ b/gr-opacity-diff-mode/gr-opacity-diff-mode.html
@@ -22,7 +22,7 @@
}
.wrapper {
box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
- margin: 1em 0em;
+ margin: 1em 0;
}
img {
display: block;
@@ -47,7 +47,7 @@
#controlsBox {
display: flex;
justify-content: space-between;
- margin: 0 1em;
+ margin: 0 .5em;
min-width: 32em;
width: 100%;
}
diff --git a/gr-resemble-diff-mode/gr-resemble-diff-mode.html b/gr-resemble-diff-mode/gr-resemble-diff-mode.html
index 056e979..edc6a93 100644
--- a/gr-resemble-diff-mode/gr-resemble-diff-mode.html
+++ b/gr-resemble-diff-mode/gr-resemble-diff-mode.html
@@ -109,7 +109,7 @@
<button
id="fullscreen"
on-tap="_handleFullScreen">
- View full screen
+ View full sized
</button>
</div>
</div>
