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}
-.group_padding{padding: .5em}
+.group_padding{padding: 1em}
 """
 
 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'''## ⚠️ {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><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)
@@ -273,16 +273,13 @@ with gr.Blocks(theme=theme, css=css) as demo:
                     info="This has to be a unique name",
                     placeholder="e.g.: Persian Miniature Painting style, Cat Toy",
                 )
-                # training_option = gr.Radio(
-                #    label="What are you training?", choices=["object", "style", "character", "face", "custom"]
-                # )
                 concept_sentence = gr.Textbox(
                     label="Trigger word/sentence",
                     info="Trigger word or sentence to be used",
                     placeholder="uncommon word like p3rs0n or trtcrd, or sentence like 'in the style of CNSTLL'",
                     interactive=True,
                 )
-            with gr.Group(visible=True, elem_classes="group_padding") as image_upload:
+            with gr.Group(visible=True) as image_upload:
                 with gr.Row():
                     images = gr.File(
                         file_types=["image"],
@@ -297,8 +294,7 @@ with gr.Blocks(theme=theme, css=css) as demo:
                             gr.Markdown(
                                 """# Custom captioning
     You can optionally add a custom caption for each image (or use an AI model for this). [trigger] will represent your concept sentence/trigger word.
-    """
-                            )
+    """,elem_classes="group_padding")
                             do_captioning = gr.Button("Add AI captions with Florence-2")
                             output_components = [captioning_area]
                             caption_list = []
@@ -337,8 +333,8 @@ 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.Group(visible=False, elem_classes="group_padding") as cost_preview:
-                cost_preview_info = gr.Markdown(elem_id="cost_preview_info")
+            with gr.Group(visible=False) as cost_preview:
+                cost_preview_info = gr.Markdown(elem_id="cost_preview_info", elem_classes="group_padding")
                 payment_update = gr.Button("I have set up a payment method", visible=False)
             output_components.append(sample)
             output_components.append(sample_1)