Update app.py

app.py

@@ -27,8 +27,7 @@ def create_gauge(value):
     fig.update_layout(paper_bgcolor="#f8f9fa",  # Цвет фона
                       font={'color': "#2d3436", 'family': "Arial"},  # Цвет текста
                       width=250,  # Уменьшенная ширина
-                      height=150,  # Уменьшенная высота
-                      margin=dict(l=20, r=180, t=20, b=20))  # Отступы для центровки
+                      height=150  # Уменьшенная высота
     return fig
 
 # Функция для генерации случайных значений спидометров
@@ -109,19 +108,28 @@ with gr.Blocks() as demo:
             with gr.Row():
                 personalized_message_1 = gr.Textbox(label="Персонализированное сообщение 1", lines=5)
                 check_message_1 = gr.Textbox(label="Проверка сообщения 1", lines=5)
-                success_forecast_1 = gr.Plot(label="Прогноз успешности сообщения 1")
+                with gr.Column():
+                    gr.HTML("<div style='display:flex; justify-content:center; width:100%;'>")
+                    success_forecast_1 = gr.Plot(label="Прогноз успешности сообщения 1")
+                    gr.HTML("</div>")
             
             # Второй ряд
             with gr.Row():
                 personalized_message_2 = gr.Textbox(label="Персонализированное сообщение 2", lines=5)
                 check_message_2 = gr.Textbox(label="Проверка сообщения 2", lines=5)
-                success_forecast_2 = gr.Plot(label="Прогноз успешности сообщения 2")
+                with gr.Column():
+                    gr.HTML("<div style='display:flex; justify-content:center; width:100%;'>")
+                    success_forecast_2 = gr.Plot(label="Прогноз успешности сообщения 2")
+                    gr.HTML("</div>")
             
             # Третий ряд
             with gr.Row():
                 personalized_message_3 = gr.Textbox(label="Персонализированное сообщение 3", lines=5)
-                check_message_3 = gr.Textbox(label="Проверка сообщения 3", lines=5)
-                success_forecast_3 = gr.Plot(label="Прогноз успешности сообщения 3")
+                check_message_3 = gr.Textbox(label="Проверка сообщения 3", lines=5)              
+                with gr.Column():
+                    gr.HTML("<div style='display:flex; justify-content:center; width:100%;'>")
+                    success_forecast_3 = gr.Plot(label="Прогноз успешности сообщения 3")
+                    gr.HTML("</div>")
                 
             # Кнопка для обновления спидометров
             btn_check.click(fn=generate_random_gauges, inputs=[], outputs=[success_forecast_1, success_forecast_2, success_forecast_3])