update css

app.py

@@ -366,6 +366,7 @@ with gr.Blocks(title="Climate Q&A", css_paths=os.getcwd()+ "/style.css", theme=t
                     layout = "panel",
                     avatar_images = (None,"https://i.ibb.co/YNyd5W2/logo4.png"),
                     max_height="80vh",
+                    height="100vh"
                 )
                 
                 # bot.like(vote,None,None)

style.css

@@ -3,9 +3,9 @@
     --user-image: url('https://ih1.redbubble.net/image.4776899543.6215/st,small,507x507-pad,600x600,f8f8f8.jpg');
   } */
 
+
 /* fix for huggingface infinite growth*/
 main.flex.flex-1.flex-col { 
-    max-height: 95vh;
     max-height: 95vh !important;
 }
 
@@ -202,51 +202,59 @@ label.selected{
     padding:0px !important;
 }
 
-
 @media screen and (min-width: 1024px) {
+    .gradio-container {
+        max-height: calc(100vh - 190px) !important;
+        overflow: hidden;
+    }
+
+    /* div#chatbot{
+        height:calc(100vh - 170px) !important;
+        max-height:calc(100vh - 170px) !important;
+
+    } */
+
     div#tab-examples{
         height:calc(100vh - 190px) !important;
-        overflow-y: auto;
+        /* overflow-y: auto; */
     }
 
     div#sources-textbox{
         height:calc(100vh - 190px) !important;
-        overflow-y: auto !important;
+        /* overflow-y: auto !important; */
     }
 
     div#sources-figures{
         height:calc(100vh - 190px) !important;
-        overflow-y: auto !important;
+        /* overflow-y: auto !important; */
     }
 
     div#tab-config{
         height:calc(100vh - 190px) !important;
-        overflow-y: auto !important;
+        /* overflow-y: auto !important; */
+    }
+
+    /* Force container to respect height limits */
+    .main-component{
+        contain: size layout;
+        overflow: hidden;
     }
 
+/*
     div#chatbot-row{
         height:calc(100vh - 90px) !important;
         max-height:calc(100vh - 90px) !important;
-
     }
 
-    div#chatbot{
-        height:calc(100vh - 170px) !important;
-        max-height:calc(100vh - 90px) !important;
 
-    }
 
     .max-height{
         height:calc(100vh - 90px) !important;
         max-height:calc(100vh - 90px) !important;
         overflow-y: auto;
     }
+*/
 
-    /* .tabitem:nth-child(n+3) {
-        padding-top:30px;
-        padding-left:40px;
-        padding-right:40px;
-    } */
 }
 
 footer {
@@ -499,3 +507,15 @@ span.chatbot > p > img{
 .message-buttons-left.panel.message-buttons.with-avatar {
     display: none;
 }
+
+/* Specific fixes for Hugging Face Space iframe */
+.h-full {
+    height: auto !important;
+    min-height: 0 !important;
+}
+
+.space-content {
+    height: auto !important;
+    max-height: 100vh !important;
+    overflow: hidden;
+}