From 9e2da96ae44c1a2218ad6cfdf21d4befd87c7410 Mon Sep 17 00:00:00 2001
From: Apostolos Dimoulakis <apo.dimu@gmail.com>
Date: Mon, 11 Mar 2024 16:32:20 +0200
Subject: [PATCH] Image size fixed

---
 python/static/style.css     |  4 ++--
 python/templates/index.html | 16 +++++++++-------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/python/static/style.css b/python/static/style.css
index 20dcee1..46927f7 100644
--- a/python/static/style.css
+++ b/python/static/style.css
@@ -3,18 +3,18 @@ body {
     margin: 0;
     padding: 0;
     height: 100%;
-    overflow: hidden;
+    overflow: scroll;
 }
 
 .DCMImg {
     display: block;
     width: 100%;
     object-fit: contain;
-    max-height: 80vh;
 }
 
 #ImgWrapper {
     position: relative;
+    max-width: 40vw;
 }
 
 #OverlayCanvas,
diff --git a/python/templates/index.html b/python/templates/index.html
index 14934a8..16640d5 100644
--- a/python/templates/index.html
+++ b/python/templates/index.html
@@ -260,13 +260,15 @@
                                     </div>
                                 </div>
                             </div>
-                            <div id="ImgWrapper">
-                                <!-- djlint:off H006-->
-                                <img id="PixelDataDisplay" class="DCMImg" alt="Image">
-                                <!-- djlint:on -->
-                                <canvas id="OverlayCanvas"></canvas>
-                                <canvas id="BoxCanvas"></canvas>
-                            </div>
+                            <center>
+                                <div id="ImgWrapper">
+                                    <!-- djlint:off H006-->
+                                    <img id="PixelDataDisplay" style="max-height: " class="DCMImg" alt="Image">
+                                    <!-- djlint:on -->
+                                    <canvas id="OverlayCanvas"></canvas>
+                                    <canvas id="BoxCanvas"></canvas>
+                                </div>
+                            </center>
                         </div>
                         <div class="tab-pane fade"
                              id="profile-tab-pane"