update tiling button for imageviewer.js to use an icon in same style as others, add mouseover hints

1 files changed, 6 insertions, 3 deletions

diff --git a/javascript/imageviewer.js b/javascript/imageviewer.js
index d2129053..5300b499 100644
--- a/javascript/imageviewer.js
+++ b/javascript/imageviewer.js
@@ -148,18 +148,21 @@ document.addEventListener("DOMContentLoaded", function() {
     modalZoom.className = 'modalZoom cursor';
     modalZoom.innerHTML = '⤡'
     modalZoom.addEventListener('click', modalZoomToggle, true)
+    modalZoom.title = "Toggle zoomed view";
     modalControls.appendChild(modalZoom)
 
-    const modalTileImage = document.createElement('button')
-    modalTileImage.className = 'modalTileImage gr-button gr-button-lg gr-button-secondary';
-    modalTileImage.innerHTML = 'Preview Image Tiling'
+    const modalTileImage = document.createElement('span')
+    modalTileImage.className = 'modalTileImage cursor';
+    modalTileImage.innerHTML = '⊞'
     modalTileImage.addEventListener('click', modalTileImageToggle, true)
+    modalTileImage.title = "Preview tiling";
     modalControls.appendChild(modalTileImage)
 
     const modalClose = document.createElement('span')
     modalClose.className = 'modalClose cursor';
     modalClose.innerHTML = '×'
     modalClose.onclick = closeModal;
+    modalClose.title = "Close image viewer";
     modalControls.appendChild(modalClose)
 
     const modalImage = document.createElement('img')