Update app.py

app.py

@@ -446,6 +446,8 @@ css = '''
 .progress-bar {height: 100%;background-color: #4f46e5;width: calc(var(--current) / var(--total) * 100%);transition: width 0.5s ease-in-out}
 .button_total{height: 100%}
 #loaded_loras [data-testid="block-info"]{font-size:80%}
+#custom_lora_structure{background: var(--block-background-fill)}
+#custom_lora_btn{margin-top: auto;margin-bottom: 11px}
 '''
 
 with gr.Blocks(theme=gr.themes.Soft(), css=css, delete_cache=(60, 3600)) as app:
@@ -484,10 +486,10 @@ with gr.Blocks(theme=gr.themes.Soft(), css=css, delete_cache=(60, 3600)) as app:
                 remove_button_2 = gr.Button("Remove", size="sm")
     with gr.Row():
         with gr.Column():
-            with gr.Group():
+            with gr.Group(elem_id="custom_lora_structure"):
                 with gr.Row():
-                    custom_lora = gr.Textbox(label="Custom LoRA", info="LoRA Hugging Face path or *.safetensors public URL", placeholder="multimodalart/vintage-ads-flux")
-                    add_custom_lora_button = gr.Button("Add Custom LoRA")
+                    custom_lora = gr.Textbox(label="Custom LoRA", info="LoRA Hugging Face path or *.safetensors public URL", placeholder="multimodalart/vintage-ads-flux", scale=3, min_width=150)
+                    add_custom_lora_button = gr.Button("Add Custom LoRA", elem_id="custom_lora_btn", scale=2, min_width=150)
                 remove_custom_lora_button = gr.Button("Remove Custom LoRA", visible=False)
                 gr.Markdown("[Check the list of FLUX LoRAs](https://huggingface.co/models?other=base_model:adapter:black-forest-labs/FLUX.1-dev)", elem_id="lora_list")
             gallery = gr.Gallery(