tightning the layout

app/gradio_config.py

@@ -107,4 +107,9 @@ hr.region-divider {
 }
 
 
+.grid-wrap.svelte-842rpi.svelte-842rpi {
+  overflow-y: auto !important;
+}
+
+
 """

app/tabs/submit.py

@@ -195,6 +195,8 @@ with gr.Blocks() as submit:
                     object_fit="scale-down",
                     min_width=250,
                     columns=3,
+                    height="45vh",
+                    elem_classes="gallery-fix",
                 )
                 image_iiif_url = gr.Textbox(
                     label="Upload by image ID",

app/tabs/visualizer.py

@@ -64,8 +64,8 @@ with gr.Blocks() as visualizer:
                 padding=False,
                 elem_classes="svg-image",
                 container=True,
-                max_height="70vh",
-                min_height="70vh",
+                max_height="65vh",
+                min_height="65vh",
                 show_label=True,
             )
 
@@ -83,8 +83,8 @@ with gr.Blocks() as visualizer:
                 show_label=True,
                 elem_classes="transcription",
                 container=True,
-                max_height="70vh",
-                min_height="70vh",
+                max_height="65vh",
+                min_height="65vh",
             )
 
     collection = gr.State()