Update app.py

app.py

@@ -229,7 +229,7 @@ h3{margin-top: 0}
 #component-1{text-align:center}
 .main_ui_logged_out{opacity: 0.3; pointer-events: none}
 .tabitem{border: 0px}
-#cost_preview_info{padding: .5em}
+.group_padding{padding: .5em}
 """
 
 def swap_visibilty(profile: Union[gr.OAuthProfile, None]):
@@ -253,7 +253,7 @@ def update_pricing(steps, oauth_token: Union[gr.OAuthToken, None]):
         if(user["canPay"]):
             return gr.update(visible=True), cost_preview, gr.update(visible=False), gr.update(visible=True)
         else:
-            pay_disclaimer = f'''<b>## ⚠️ {user["name"]}, your account doesn't have a payment method. Set one up <a href='https://huggingface.co/settings/billing/payment' target='_blank'>here</a> and come back here to train your LoRA<br>'''
+            pay_disclaimer = f'''## ⚠️ {user["name"]}, your account doesn't have a payment method. Set one up <a href='https://huggingface.co/settings/billing/payment' target='_blank'>here</a> and come back here to train your LoRA<br>'''
             return gr.update(visible=True), pay_disclaimer+cost_preview, gr.update(visible=True), gr.update(visible=False)
     else:
         return gr.update(visible=False), "", gr.update(visible=False), gr.update(visible=True)
@@ -282,7 +282,7 @@ with gr.Blocks(theme=theme, css=css) as demo:
                     placeholder="uncommon word like p3rs0n or trtcrd, or sentence like 'in the style of CNSTLL'",
                     interactive=True,
                 )
-            with gr.Group(visible=True) as image_upload:
+            with gr.Group(visible=True, elem_classes="group_padding") as image_upload:
                 with gr.Row():
                     images = gr.File(
                         file_types=["image"],
@@ -337,7 +337,7 @@ with gr.Blocks(theme=theme, css=css) as demo:
                 sample_1 = gr.Textbox(label="Test prompt 1")
                 sample_2 = gr.Textbox(label="Test prompt 2")
                 sample_3 = gr.Textbox(label="Test prompt 3")
-            with gr.Column(visible=False) as cost_preview:
+            with gr.Group(visible=False, elem_classes="group_padding") as cost_preview:
                 cost_preview_info = gr.Markdown(elem_id="cost_preview_info")
                 payment_update = gr.Button("I have set up a payment method", visible=False)
             output_components.append(sample)