updated view on gallery page

.bumpversion.toml

@@ -1,5 +1,5 @@
 [tool.bumpversion]
-current_version = "0.1.7"
+current_version = "0.1.8"
 parse = "(?P<major>\\d+)\\.(?P<minor>\\d+)\\.(?P<patch>\\d+)"
 serialize = ["{major}.{minor}.{patch}"]
 search = "{current_version}"

templates/gallery.html

@@ -100,6 +100,10 @@
             max-width: 80%;
             text-align: left;
             margin-top: 20px;
+            max-height: 25vh;
+            /* NEW: restrict height */
+            overflow-y: auto;
+            /* NEW: allow vertical scroll */
         }
 
         /* Back button fixed top right */
@@ -158,6 +162,10 @@
                 font-size: 14px;
                 max-width: 90%;
                 padding: 8px 16px;
+                max-height: 20vh;
+                /* smaller height for mobile */
+                overflow-y: auto;
+                /* keep scroll on mobile too */
             }
 
             .button-link {

templates/index.html

@@ -21,7 +21,8 @@
             background: black;
             color: white;
             font-family: Arial, sans-serif;
-            position: relative; /* So fixed elements inside work well */
+            position: relative;
+            /* So fixed elements inside work well */
         }
 
         .image-container {
@@ -50,8 +51,21 @@
             border-radius: 10px;
             max-width: 80vw;
             text-align: left;
+            max-height: 30vh;
+            /* NEW: limit height */
+            overflow-y: auto;
+            /* NEW: allow scrolling */
         }
 
+        /* Optional: Adjust height for smaller screens */
+        @media (max-width: 768px) {
+            .prompt {
+                max-height: 25vh;
+                /* even smaller on mobile */
+            }
+        }
+
+
         .button-group {
             display: flex;
             gap: 20px;
@@ -116,4 +130,4 @@
     <div class="version">v{{ version }}</div>
 </body>
 
-</html>
+</html>