fix: added some padding to textedit field so they look better in firefox.

app.py

@@ -1,6 +1,6 @@
 import gradio as gr
-from modules.ui_layout import build_ui
+from modules.ui_layout import build_ui, UI_CSS
 
 if __name__ == "__main__":
     demo = build_ui()
-    demo.launch(theme=gr.themes.Soft(),share=False)
+    demo.launch(theme=gr.themes.Soft(), css=UI_CSS, share=False)

modules/ui_layout.py

@@ -9,6 +9,31 @@ from .integrations import (
 )
 from .name_generator import generate_fantasy_name
 
+UI_CSS = """
+    .container span { 
+        line-height: 1.6 !important; 
+        margin-bottom: 8px !important; 
+        display: inline-block !important;
+    }
+    .container textarea { 
+        min-height: 42px !important; 
+        line-height: 1.5 !important;
+        overflow-y: visible !important;
+        padding-top: 8px !important;
+        padding-bottom: 8px !important;
+    }
+    /* Firefox specific fixes */
+    @-moz-document url-prefix() {
+        .container textarea {
+            padding-top: 10px !important;
+            padding-bottom: 10px !important;
+        }
+        .container span {
+            padding-bottom: 2px !important;
+        }
+    }
+"""
+
 def build_ui():
     with gr.Blocks(title="Chronicle Portrait Studio") as demo:
         with gr.Row(variant="compact"):