Upload app.py

app.py

@@ -39,8 +39,8 @@ MAX_IMAGE_SIZE = 1216
 css = """
 #container { margin: 0 auto; !important; }
 #col-container { margin: 0 auto; !important; }
-#result { display: block; max-width: 520px; max-height: 520px; width: 520px; height: 520px; margin: 0px auto; !important; }
-.lora { display: block; min-width: 480px; !important; }
+#result { max-width: 520px; max-height: 520px; margin: 0px auto; !important; }
+.lora { min-width: 480px; !important; }
 #model-info { text-align: center; !important; }
 """
 
@@ -140,9 +140,9 @@ with gr.Blocks(css=css, fill_width=True, elem_id="container") as demo:
                         lora_download = gr.Button("Get and set LoRA and apply to prompt")
 
                 with gr.Row():
-                    recom_prompt = gr.Checkbox(label="Recommended prompt", value=True)
-                    quality_selector = gr.Radio(label="Quality Tag Presets", interactive=True, choices=list(preset_quality.keys()), value="None")
-                    style_selector = gr.Radio(label="Style Presets", interactive=True, choices=list(preset_styles.keys()), value="None")
+                    quality_selector = gr.Radio(label="Quality Tag Presets", interactive=True, choices=list(preset_quality.keys()), value="None", scale=3)
+                    style_selector = gr.Radio(label="Style Presets", interactive=True, choices=list(preset_styles.keys()), value="None", scale=3)
+                    recom_prompt = gr.Checkbox(label="Recommended prompt", value=True, scale=1)
                 
                 with gr.Accordion("Translation Settings", open=False):
                     chatbot = gr.Chatbot(likeable=False, render_markdown=False, visible=False) # component for auto-translation