update button

app.py

@@ -145,13 +145,20 @@ css = """
     margin: 16px !important;
     box-shadow: 0 3px 12px 2px rgba(60,64,67,.14);
 }
+.title-row {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    margin-bottom: 18px;
+}
 .big-title {
     font-size: 25px;
     font-weight: bold;
-    margin-bottom: 18px;
     color: #343434;
     letter-spacing: 1px;
     text-align: center;
+    margin: 0 16px 0 0;  /* 右侧空隙让按钮和文字隔开一点 */
+    display: inline-block;
 }
 .orange-btn {
     background: #FF7F1F !important;
@@ -159,14 +166,17 @@ css = """
     font-weight: bold;
     border: none !important;
     border-radius: 12px !important;
-    padding: 7px 6px !important;
-    margin: 0 auto 14px auto !important;
+    padding: 7px 16px !important;
+    margin: 0 !important;
     box-shadow: none !important;
     min-width: unset !important;
     width: auto !important;
-    display: block !important;
+    display: inline-block !important;
+    font-size: 16px;
+    height: 38px;
+    line-height: 24px;
+    vertical-align: middle;
 }
-
 .button-row {
     margin-top: 8px;
 }
@@ -231,8 +241,9 @@ with gr.Blocks(title="消化道疾病智能分析系统") as demo:
         with gr.Column():
             with gr.Group(elem_classes="blue-dash-border"):
                 with gr.Group(elem_classes="big-group"):
-                    gr.HTML("<div class='big-title'>图像增强模块</div>")
-                    enhance_btn = gr.Button("点击执行图片增强", elem_classes="orange-btn")
+                    with gr.Row(elem_id="enhance-title-row", elem_classes="title-row"):
+                        gr.HTML("<div class='big-title'>图像增强模块</div>")
+                        enhance_btn = gr.Button("点击执行图片增强", elem_classes="orange-btn")
                     enhance_select = gr.Dropdown(
                         choices=ENHANCE_CHOICES,
                         value="---------------",
@@ -270,8 +281,9 @@ with gr.Blocks(title="消化道疾病智能分析系统") as demo:
         with gr.Column():
             with gr.Group(elem_classes="blue-dash-border"):
                 with gr.Group(elem_classes="big-group"):
-                    gr.HTML("<div class='big-title'>图像分割模块</div>")
-                    seg_btn = gr.Button("点击执行分割", elem_classes="orange-btn")
+                    with gr.Row(elem_id="seg-title-row", elem_classes="title-row"):
+                        gr.HTML("<div class='big-title'>图像分割模块</div>")
+                        seg_btn = gr.Button("点击执行分割", elem_classes="orange-btn")
                     seg_select = gr.Dropdown(
                         choices=SEG_CHOICES, 
                         value="---------------", 
@@ -301,8 +313,9 @@ with gr.Blocks(title="消化道疾病智能分析系统") as demo:
     with gr.Row():
         with gr.Group(elem_classes="blue-dash-border"):
             with gr.Group(elem_classes="big-group"):
-                gr.HTML("<div class='big-title'>疾病分类模块</div>")
-                diag_btn = gr.Button("点击执行诊断", elem_classes="orange-btn")
+                with gr.Row(elem_id="diag-title-row", elem_classes="title-row"):
+                    gr.HTML("<div class='big-title'>疾病分类模块</div>")
+                    diag_btn = gr.Button("点击执行诊断", elem_classes="orange-btn")
                 with gr.Row():
                     # ---------- 左列：输入图片 + 按钮 ----------
                     with gr.Column():