Fixed issue with image links covering all image wrapper area.

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 */

viewer/templates/image_view.html

@@ -164,12 +164,12 @@
 
                 <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">
+                            <a href="{{ image_path }}" target="_blank">
                                 <img src="{{ image_path }}" alt="{{ image_path.name }}" class="image-full">
-                            </div>
                             </a>
                         </div>
+                    </div>
                 </section>
             </main>
         </div>