update ux format

app.py

@@ -4,6 +4,29 @@ import time
 import requests
 
 
+# ux format
+tryon_css="""
+#col-garment {
+    margin: 0 auto;
+    max-width: 420px;
+}
+#col-mid {
+    margin: 0 auto;
+    max-width: 420px;
+}
+#col-right {
+    margin: 0 auto;
+    max-width: 420px;
+}
+#col-examples {
+    margin: 0 auto;
+    max-width: 1000px;
+}
+#button {
+    color: blue;
+}
+"""
+
 # assets loading
 example_path = os.path.join(os.path.dirname(__file__), 'data')
 
@@ -88,7 +111,7 @@ def run_turbo(person_img, garm_img, category="Top"):
     gr.Warning("Over heated, please try again later")
     return None, info
 
-with gr.Blocks() as Huhu_Turbo:
+with gr.Blocks(css=tryon_css) as Huhu_Turbo:
     with gr.Row():
         with gr.Column(elem_id = "col-garment"):
             gr.HTML("""
@@ -145,7 +168,7 @@ with gr.Blocks() as Huhu_Turbo:
 
     generate_button.click(fn=run_turbo, inputs=[person_img, garm_img, category], outputs=[result_img, result_info], api_name=False, concurrency_limit=30)
 
-    with gr.Column(elem_id = "col-showcase"):
+    with gr.Column(elem_id = "col-examples"):
         gr.HTML("""
         <div style="display: flex; justify-content: center; align-items: center; text-align: center; font-size: 20px;">
             <div> </div>