Update app.py

app.py

@@ -55,30 +55,30 @@ with gr.Blocks() as demo:
                 
             # Первый ряд
             with gr.Row():
-                personalized_message_1 = gr.Textbox(label="Персонализированное сообщение 1", lines=4)
-                check_message_1 = gr.Textbox(label="Проверка сообщения 1", lines=4)
-                # Центрируем спидометр только в правом столбце с контролем ширины
-                with gr.Column():
-                    gr.HTML("<div style='display:flex; justify-content:center; width:100%; max-width:250px;'>")
+                # Увеличиваем ширину колонок "Персонализированное сообщение" и "Проверка сообщения"
+                with gr.Column(scale=3):  # Увеличенная ширина для персонализированного сообщения
+                    personalized_message_1 = gr.Textbox(label="Персонализированное сообщение 1", lines=4)
+                with gr.Column(scale=3):  # Увеличенная ширина для проверки сообщения
+                    check_message_1 = gr.Textbox(label="Проверка сообщения 1", lines=4)
+                with gr.Column(scale=1):  # Обычная ширина для графика
                     success_forecast_1 = gr.Plot(value=get_success_forecast_1(), label="Прогноз успешности сообщения 1")
-                    gr.HTML("</div>")
             
             # Второй ряд
             with gr.Row():
-                personalized_message_2 = gr.Textbox(label="Персонализированное сообщение 2", lines=4)
-                check_message_2 = gr.Textbox(label="Проверка сообщения 2", lines=4)
-                with gr.Column():
-                    gr.HTML("<div style='display:flex; justify-content:center; width:100%; max-width:250px;'>")
+                with gr.Column(scale=3):
+                    personalized_message_2 = gr.Textbox(label="Персонализированное сообщение 2", lines=4)
+                with gr.Column(scale=3):
+                    check_message_2 = gr.Textbox(label="Проверка сообщения 2", lines=4)
+                with gr.Column(scale=1):
                     success_forecast_2 = gr.Plot(value=get_success_forecast_2(), label="Прогноз успешности сообщения 2")
-                    gr.HTML("</div>")
             
             # Третий ряд
             with gr.Row():
-                personalized_message_3 = gr.Textbox(label="Персонализированное сообщение 3", lines=4)
-                check_message_3 = gr.Textbox(label="Проверка сообщения 3", lines=4)
-                with gr.Column():
-                    gr.HTML("<div style='display:flex; justify-content:center; width:100%; max-width:250px;'>")
+                with gr.Column(scale=3):
+                    personalized_message_3 = gr.Textbox(label="Персонализированное сообщение 3", lines=4)
+                with gr.Column(scale=3):
+                    check_message_3 = gr.Textbox(label="Проверка сообщения 3", lines=4)
+                with gr.Column(scale=1):
                     success_forecast_3 = gr.Plot(value=get_success_forecast_3(), label="Прогноз успешности сообщения 3")
-                    gr.HTML("</div>")
 
 demo.launch()