resize

app.py

@@ -323,26 +323,27 @@ label {
 
 /* Fixed height textbox with scrollbar */
 .gr-textbox textarea {
-    max-height: 300px !important;
     overflow-y: auto !important;
     resize: vertical !important;
 }
 
+/* Output textbox styling - match markdown box height */
+.output-textbox textarea {
+    min-height: 560px !important;
+    max-height: 580px !important;
+    overflow-y: auto !important;
+}
+
 /* Markdown box styling */
 .markdown-box {
     background: rgba(255, 255, 255, 0.95) !important;
     border: 1px solid rgba(124, 58, 237, 0.3) !important;
     border-radius: 8px !important;
     padding: 16px !important;
-    height: 500px !important;
-    overflow: hidden !important;
-    color: #1a1a2e !important;
-}
-
-.markdown-box > div {
-    height: 100% !important;
+    min-height: 580px !important;
+    max-height: 580px !important;
     overflow-y: auto !important;
-    overflow-x: hidden !important;
+    color: #1a1a2e !important;
 }
 
 .markdown-box * {
@@ -471,18 +472,20 @@ with gr.Blocks(title="UltraData Math Parser") as demo:
                 with gr.TabItem("📄 Plain Text"):
                     text_output = gr.Textbox(
                         label="Plain Text (w3m rendered)",
-                        lines=18,
-                        max_lines=25,
+                        lines=25,
+                        max_lines=30,
                         interactive=False,
                         autoscroll=False,
+                        elem_classes=["output-textbox"],
                     )
                 with gr.TabItem("📝 Raw HTML"):
                     html_output = gr.Textbox(
                         label="Extracted HTML",
-                        lines=18,
-                        max_lines=25,
+                        lines=25,
+                        max_lines=30,
                         interactive=False,
                         autoscroll=False,
+                        elem_classes=["output-textbox"],
                     )
     
     # Event handlers