Update app.py

app.py

@@ -983,6 +983,7 @@ body {
   min-height: 100vh !important;
   width: 100% !important;
   margin: 0 !important;
+  overflow-x: hidden !important;
 }
 
 body {
@@ -998,7 +999,7 @@ footer {
   position: relative !important;
   isolation: isolate !important;
   max-width: none !important;
-  width: 100vw !important;
+  width: 100% !important;
   min-height: 100vh !important;
   padding: 10px 18px 18px 18px !important;
   background: transparent !important;
@@ -1087,6 +1088,21 @@ footer {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  text-decoration: none !important;
+  cursor: pointer;
+  transition: border-color 0.15s ease, transform 0.15s ease, background 0.15s ease;
+}
+
+.model-chip:hover {
+  border-color: var(--logo-blue);
+  background: rgba(var(--panel-rgb), 1);
+  transform: translateY(-1px);
+  text-decoration: none !important;
+}
+
+.model-chip:focus-visible {
+  outline: none;
+  box-shadow: 0 0 0 3px var(--focus-ring);
 }
 
 .model-chip code {
@@ -1149,10 +1165,12 @@ footer {
 }
 
 .output-card {
-  min-height: calc(100vh - 190px) !important;
+  min-height: 720px !important;
+  max-height: 860px !important;
   border-color: var(--border-orange-soft) !important;
   width: 100% !important;
   box-sizing: border-box !important;
+  overflow: hidden !important;
 }
 
 label,
@@ -1257,9 +1275,9 @@ input[type="checkbox"] {
 }
 
 #reasoning-box {
-  min-height: 250px;
-  max-height: 300px;
-  overflow: auto;
+  min-height: 180px !important;
+  max-height: 240px !important;
+  overflow: auto !important;
   padding: 8px;
   border-radius: 8px;
   background: rgba(var(--input-rgb), var(--input-alpha)) !important;
@@ -1270,9 +1288,9 @@ input[type="checkbox"] {
 }
 
 #output-box {
-  min-height: calc(100vh - 560px);
-  max-height: none;
-  overflow: auto;
+  min-height: 360px !important;
+  max-height: 520px !important;
+  overflow: auto !important;
   padding: 8px;
   border-radius: 8px;
   background: rgba(var(--input-rgb), var(--input-alpha)) !important;
@@ -1376,19 +1394,20 @@ button.clear-button,
 
   .output-card {
     min-height: 520px !important;
+    max-height: none !important;
   }
 
   #reasoning-box {
-    min-height: 180px;
+    min-height: 160px !important;
+    max-height: 220px !important;
   }
 
   #output-box {
-    min-height: 320px;
+    min-height: 320px !important;
+    max-height: 480px !important;
   }
 }
 """.replace("__LOGO_URL__", LOGO_URL or "")
-
-
 # ---------------- Gradio app ----------------
 with gr.Blocks(
     title="NuExtract3",