Update app.py

app.py

@@ -1,7 +1,7 @@
 import gradio as gr
 import plotly.graph_objects as go
 
-# Функция для создания спидометра
+# Функция для создания спидометра с добавлением отступа слева
 def create_gauge(value):
     fig = go.Figure(go.Indicator(
         mode="gauge+number",
@@ -22,9 +22,13 @@ def create_gauge(value):
         },
         number={'font': {'size': 48}}  # Размер шрифта числа
     ))
-    fig.update_layout(paper_bgcolor="#f8f9fa",
-                      font={'color': "#2d3436", 'family': "Arial"},
-                      width=200, height=150, margin=dict(l=20, r=20, t=20, b=20))
+    # Добавляем отступы (особенно слева)
+    fig.update_layout(
+        paper_bgcolor="#f8f9fa",
+        font={'color': "#2d3436", 'family': "Arial"},
+        width=200, height=150,
+        margin=dict(l=80, r=20, t=20, b=20)  # Отступы слева (l=80)
+    )
     return fig
 
 # Значения для спидометров
@@ -41,8 +45,7 @@ def get_success_forecast_3():
 def change_tab(id):
     return gr.Tabs(selected=id)
 
-with gr.Blocks(css=".centered_plot {display: flex; justify-content: center;}") as demo:
-    
+with gr.Blocks() as demo:
     with gr.Tabs() as tabs:
         
         # Вкладка 4: Проверка
@@ -58,22 +61,18 @@ with gr.Blocks(css=".centered_plot {display: flex; justify-content: center;}") a
             with gr.Row():
                 personalized_message_1 = gr.Textbox(label="Персонализированное сообщение 1", lines=4)
                 check_message_1 = gr.Textbox(label="Проверка сообщения 1", lines=4)
-                # Центрируем спидометр только в правом столбце
-                with gr.Column(elem_classes="centered_plot"):
-                    success_forecast_1 = gr.Plot(value=get_success_forecast_1(), label="Прогноз успешности сообщения 1")
+                success_forecast_1 = gr.Plot(value=get_success_forecast_1(), label="Прогноз успешности сообщения 1")
             
             # Второй ряд
             with gr.Row():
                 personalized_message_2 = gr.Textbox(label="Персонализированное сообщение 2", lines=4)
                 check_message_2 = gr.Textbox(label="Проверка сообщения 2", lines=4)
-                with gr.Column(elem_classes="centered_plot"):
-                    success_forecast_2 = gr.Plot(value=get_success_forecast_2(), label="Прогноз успешности сообщения 2")
+                success_forecast_2 = gr.Plot(value=get_success_forecast_2(), label="Прогноз успешности сообщения 2")
             
             # Третий ряд
             with gr.Row():
                 personalized_message_3 = gr.Textbox(label="Персонализированное сообщение 3", lines=4)
                 check_message_3 = gr.Textbox(label="Проверка сообщения 3", lines=4)
-                with gr.Column(elem_classes="centered_plot"):
-                    success_forecast_3 = gr.Plot(value=get_success_forecast_3(), label="Прогноз успешности сообщения 3")
+                success_forecast_3 = gr.Plot(value=get_success_forecast_3(), label="Прогноз успешности сообщения 3")
 
 demo.launch()