Update app.py

app.py

@@ -84,15 +84,15 @@ def html(cards, pg, total):
         overflow: hidden;
     }
     .container {
-        position: fixed; /* Changed from relative to fixed */
+        position: fixed;
         top: 0;
         left: 0;
         right: 0;
-        bottom: 0;
+        bottom: 60px; /* Add space for the bottom buttons */
         display: flex;
         flex-direction: column;
         width: 100%;
-        height: 100vh;
+        height: calc(100vh - 60px); /* Account for button height */
         box-sizing: border-box;
         padding: 10px;
         overflow: hidden;
@@ -100,10 +100,10 @@ def html(cards, pg, total):
     .grid {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
-        grid-template-rows: repeat(3, 1fr);
+        grid-template-rows: repeat(3, 1.5fr); /* Increased row height by 50% */
         gap: 12px;
         width: 100%;
-        height: calc(100vh - 70px); /* Fixed height calculation */
+        height: 100%; /* Use all available container height */
         overflow: hidden;
     }
     .card {
@@ -114,7 +114,7 @@ def html(cards, pg, total):
         display: flex;
         flex-direction: column;
         height: 100%;
-        max-height: 100%; /* Prevent expansion */
+        max-height: 100%;
     }
     .hdr {
         padding: 8px 12px;
@@ -140,7 +140,7 @@ def html(cards, pg, total):
     .frame {
         flex: 1;
         position: relative;
-        overflow: hidden; /* Prevent content overflow */
+        overflow: hidden;
     }
     .frame iframe {
         position: absolute;
@@ -239,6 +239,7 @@ def build():
             bottom: 0 !important;
             left: 0 !important;
             right: 0 !important;
+            height: 60px !important;
             background: #f0f0f0 !important;
             padding: 10px !important;
             text-align: center !important;
@@ -257,7 +258,7 @@ def build():
         
         /* Fix component height */
         #component-0 {
-            height: calc(100vh - 60px) !important;
+            height: calc(100vh - 60px) !important; /* Account for button row */
             overflow: hidden !important;
         }
     """) as demo: