Update app.py

app.py

@@ -138,15 +138,32 @@ class GradioInterface:
 .title-container {
     width: fit-content !important;
     margin: 0 auto !important;
-    padding: 10px 40px !important;  /* Reduced vertical padding from 20px to 10px */
+    padding: 5px 40px !important;  /* Reduced vertical padding to 5px */
     border: 1px solid #0066cc !important;
     border-radius: 10px !important;
-    background-color: rgba(0, 102, 204, 0.25) !important;  /* Darker blue with 25% opacity */
+    background-color: rgba(0, 102, 204, 0.25) !important;
 }
 
 .title-container * {
     text-align: center;
-    margin: 3px 0 !important;  /* Reduced margin between text elements */
+    margin: 2px 0 !important;  /* Reduced margin between elements to 2px */
+    line-height: 1.2 !important;  /* Reduced line height */
+}
+
+/* Specific adjustments for each heading level */
+.title-container h1 {
+    margin-bottom: 2px !important;
+    font-size: 24px !important;
+}
+
+.title-container h3 {
+    margin: 2px 0 !important;
+    font-size: 16px !important;
+}
+
+.title-container p {
+    margin: 2px 0 !important;
+    font-size: 14px !important;
 }
 /* Fix radio button visibility */
 .gradio-radio {
@@ -238,7 +255,7 @@ input[type="radio"]:checked::after {
                 prompt_text = gr.Textbox(
                     label="Type your prompt (or let it empty to see metaprompt)",
                     elem_classes="no-background",
-                    lines=8
+                    lines=5
                 )
                 meta_prompt_choice = gr.Radio(
                     ["star","done","physics","morphosis", "verse", "phor","bolism","math","arpe"],