From f65810631602b4e169d343cc11852eb1abe40542 Mon Sep 17 00:00:00 2001
From: Miguel Astor <miguel.upasoft@gmail.com>
Date: Tue, 24 Mar 2026 15:34:03 -0400
Subject: [PATCH] Fixed issue with image links covering all image wrapper area.

---
 viewer/static/css/styles.css     | 1 -
 viewer/templates/image_view.html | 8 ++++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/viewer/static/css/styles.css b/viewer/static/css/styles.css
index e8a8f4f..2d293b6 100644
--- a/viewer/static/css/styles.css
+++ b/viewer/static/css/styles.css
@@ -189,7 +189,6 @@ body {
 /* Image view specific styles */
 .image-content {
     overflow: auto;
-    padding: 18px;
     flex: 1 1 auto; /* occupy available vertical space inside main-area */
     display: flex;
     align-items: center; /* center the image vertically */
diff --git a/viewer/templates/image_view.html b/viewer/templates/image_view.html
index 2c6e20f..b6ab7c9 100644
--- a/viewer/templates/image_view.html
+++ b/viewer/templates/image_view.html
@@ -164,11 +164,11 @@
 
                 <section class="gallery-scroll flex-grow-1 d-flex">
                     <div class="image-content w-100">
-                        <a href="{{ image_path }}" target="_blank">
-                            <div class="image-wrapper">
+                        <div class="image-wrapper">
+                            <a href="{{ image_path }}" target="_blank">
                                 <img src="{{ image_path }}" alt="{{ image_path.name }}" class="image-full">
-                            </div>
-                        </a>
+                            </a>
+                        </div>
                     </div>
                 </section>
             </main>