Back to old version v1.1

app.py

@@ -18,11 +18,11 @@ dark_theme = gr.themes.Base(
     secondary_hue="gray",
     neutral_hue="zinc",
 ).set(
-    body_background_fill="#0d1117",          # main background (dark navy)
-    body_text_color="#e6edf3",               # main text
-    block_background_fill="#161b22",         # card background
-    block_border_color="#30363d",            # subtle border
-    button_primary_background_fill="#4f46e5",# indigo-violet accent
+    body_background_fill="#0d1117",
+    body_text_color="#e6edf3",
+    block_background_fill="#161b22",
+    block_border_color="#30363d",
+    button_primary_background_fill="#4f46e5",
     button_primary_background_fill_hover="#6366f1",
     button_primary_text_color="#ffffff",
     input_background_fill="#0d1117",
@@ -34,15 +34,16 @@ dark_theme = gr.themes.Base(
 with gr.Blocks(theme=dark_theme, css="""
 /* === Bloomberg / Dark Finance Style === */
 .gradio-container {
-    max-width: 1000px !important;
+    max-width: 1100px !important; /* unified width (Analysis + ~100px) */
     margin: auto !important;
     font-family: 'Inter', sans-serif;
     background-color: #0d1117 !important;
 }
+
 /* === LLM Commentary Styling === */
 #llm_comment_box textarea {
-    max-height: 420px !important;   /* ограничение высоты */
-    overflow-y: auto !important;    /* вертикальный скроллинг */
+    max-height: 600px !important;   /* taller commentary block */
+    overflow-y: auto !important;
     background-color: #161b22 !important;
     color: #f0f6fc !important;
     border: 1px solid #30363d !important;
@@ -52,11 +53,13 @@ with gr.Blocks(theme=dark_theme, css="""
     line-height: 1.5 !important;
     padding: 12px !important;
 }
-/* === Comparison Table === */
+
+/* Comparison table directly below commentary */
 #comparison_table {
     margin-top: 8px !important;
 }
-#1
+
+/* Typography & Buttons */
 h2, h3, .gr-markdown {
     font-weight: 600;
     color: #f0f6fc !important;
@@ -84,6 +87,7 @@ h2, h3, .gr-markdown {
 .gr-plot {
     background: #0d1117 !important;
 }
+
 /* Fix Gradio plot overlay */
 #alpha_chart svg {
     display: none !important;
@@ -92,6 +96,7 @@ h2, h3, .gr-markdown {
     background: transparent !important;
     box-shadow: none !important;
 }
+
 /* === Styled comparison table === */
 .gr-dataframe table {
     border-collapse: collapse !important;
@@ -110,7 +115,6 @@ h2, h3, .gr-markdown {
     border-top: 1px solid #30363d !important;
     padding: 8px !important;
 }
-
 """) as demo:
     gr.Markdown("## Investment Portfolio Analyzer")
     gr.Markdown(
@@ -137,11 +141,11 @@ h2, h3, .gr-markdown {
             comp_input_2 = gr.Textbox(label="Portfolio B", value="b1ef37aa-5b9a-41b4-9394-8823f2de36bb")
             comp_button = gr.Button("Load Comparison", variant="primary")
 
-            # комментарий теперь над таблицей
+            # LLM commentary ABOVE the table
             comp_output_comment = gr.Textbox(
                 label="AI Commentary",
-                lines=8,
-                interactive=True,
+                lines=14,                      # visually balanced with table height
+                interactive=False,
                 show_copy_button=True,
                 elem_id="llm_comment_box",
             )
@@ -150,10 +154,10 @@ h2, h3, .gr-markdown {
                 label="Comparative Metrics",
                 wrap=True,
                 elem_id="comparison_table",
+                height=700,                    # keeps proportions consistent
             )
 
             from core.comparison_table import show_comparison_table
-
             comp_button.click(
                 fn=show_comparison_table,
                 inputs=[comp_input_1, comp_input_2],