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(