From 390ead187c1af0280f0d57919d594823c1d5ad6b Mon Sep 17 00:00:00 2001
From: Adam Snodgrass <overra@gmail.com>
Date: Wed, 21 Sep 2022 03:31:07 -0500
Subject: add button to toggle tiling images in the imageviewer modal

---
 style.css | 33 +++++++++++++++++++++++++--------
 1 file changed, 25 insertions(+), 8 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index 2cd6eb26..e235f7f3 100644
--- a/style.css
+++ b/style.css
@@ -246,22 +246,39 @@ input[type="range"]{
   background-color: rgba(20, 20, 20, 0.95);
 }
 
+.modalControls {
+    display: grid;
+    grid-template-columns: 32px auto 1fr 32px;
+    grid-template-areas: "zoom tile space close";
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    padding: 16px;
+    gap: 16px;
+    background-color: rgba(0,0,0,0.2);
+}
+
+.modalClose {
+    grid-area: close;
+}
+
+.modalZoom {
+    grid-area: zoom;
+}
+
+.modalTileImage {
+    grid-area: tile;
+}
+
 .modalClose, 
 .modalZoom {
   color: white;
-  position: absolute;
-  top: 10px;
-  right: 25px;
   font-size: 35px;
   font-weight: bold;
   cursor: pointer;
 }
 
-.modalZoom {
-  left: 10px;
-  right: auto;
-}
-
 .modalClose:hover,
 .modalClose:focus,
 .modalZoom:hover,
-- 
cgit v1.2.3