Update app.py

app.py

@@ -978,6 +978,13 @@ footer,
   color: var(--text) !important;
 }
 
+html,
+body {
+  min-height: 100vh !important;
+  width: 100% !important;
+  margin: 0 !important;
+}
+
 body {
   background: var(--bg) !important;
   background-attachment: fixed !important;
@@ -990,9 +997,12 @@ footer {
 .gradio-container {
   position: relative !important;
   isolation: isolate !important;
-  max-width: 1680px !important;
+  max-width: none !important;
+  width: 100vw !important;
+  min-height: 100vh !important;
   padding: 10px 18px 18px 18px !important;
   background: transparent !important;
+  box-sizing: border-box !important;
 }
 
 .gradio-container::before {
@@ -1014,6 +1024,10 @@ footer {
   gap: 18px !important;
 }
 
+.gradio-row {
+  width: 100% !important;
+}
+
 .app-header {
   position: relative;
   display: flex;
@@ -1129,9 +1143,16 @@ footer {
   backdrop-filter: blur(10px) saturate(1.18);
 }
 
+.main-card {
+  width: 100% !important;
+  box-sizing: border-box !important;
+}
+
 .output-card {
-  min-height: 820px !important;
+  min-height: calc(100vh - 190px) !important;
   border-color: var(--border-orange-soft) !important;
+  width: 100% !important;
+  box-sizing: border-box !important;
 }
 
 label,
@@ -1249,8 +1270,8 @@ input[type="checkbox"] {
 }
 
 #output-box {
-  min-height: 430px;
-  max-height: 520px;
+  min-height: calc(100vh - 560px);
+  max-height: none;
   overflow: auto;
   padding: 8px;
   border-radius: 8px;
@@ -1334,6 +1355,11 @@ button.clear-button,
 }
 
 @media (max-width: 1100px) {
+  .gradio-container {
+    width: 100% !important;
+    padding: 10px 12px 18px 12px !important;
+  }
+
   .app-header {
     align-items: flex-start;
     flex-direction: column;
@@ -1387,7 +1413,13 @@ with gr.Blocks(
 
             <div class="brand-title">
               <div class="brand-name">NuExtract3</span></div>
-              <div class="model-chip">Model&nbsp;<code>{DEFAULT_MODEL}</code></div>
+              <a
+              class="model-chip"
+              href="https://huggingface.co/numind/NuExtract3"
+              target="_blank"
+              rel="noopener noreferrer">
+              Model&nbsp;<code>{DEFAULT_MODEL}</code>
+            </a>
             </div>
           </div>