style

app.py

@@ -59,11 +59,20 @@ def onnx_export(token: str, model_id: str, task: str) -> str:
 TTILE = """
 <div style="text-align: center; max-width: 700px; margin: 0 auto;">
 <img src="https://huggingface.co/spaces/optimum/exporters/resolve/main/clean_hf_onnx.png"/>
-<div>
-<h1 style="font-weight: 900; margin-bottom: 7px; margin-top: 5px;">
-    Convert any PyTorch model to ONNX with 🤗 Optimum exporters 🏎️
+
+<div
+    style="
+        display: inline-flex;
+        align-items: center;
+        gap: 0.8rem;
+        font-size: 2.2rem;
+    "
+>
+<h1 style="font-weight: 900; margin-bottom: 10px; margin-top: 10px;">
+    Convert any PyTorch model to ONNX with 🤗 Optimum exporters 🏎️ (Beta)
 </h1>
 </div>
+
 </div>
 """
 
@@ -92,9 +101,11 @@ with gr.Blocks() as demo:
         input_token = gr.Textbox(max_lines=1, label="Hugging Face token")
         input_model = gr.Textbox(max_lines=1, label="Model name", placeholder="textattack/distilbert-base-cased-CoLA")
         input_task = gr.Textbox(value="auto", max_lines=1, label="Task (can be left blank, will be automatically inferred)")
+
+        btn = gr.Button("Convert to ONNX")
         output = gr.Markdown(label="Output")
     
-    btn = gr.Button("Convert to ONNX")
+    
     btn.click(fn=onnx_export, inputs=[input_token, input_model, input_task], outputs=output)
 
 """