Upload app.py

app.py

@@ -37,14 +37,14 @@ MAX_SEED = np.iinfo(np.int32).max
 MAX_IMAGE_SIZE = 1216
 
 css = """
-#container {  margin: 0 auto; !important; }
+#container { margin: 0 auto; !important; }
 #col-container { margin: 0 auto; !important; }
-#result { display: inline-block; max-width: 520px; max-height: 520px; width: 520px; height: 520px; align: center; margin: 0px auto; !important; }
-.lora { display: inline-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; }
 """
 
-with gr.Blocks(css=css, fill_width=True, elem_id="container") as demo:
+with gr.Blocks(fill_width=True, elem_id="container", css=css) as demo:
     with gr.Tab("Image Generator"):
         with gr.Column(elem_id="col-container"):
             with gr.Row():
@@ -60,7 +60,7 @@ with gr.Blocks(css=css, fill_width=True, elem_id="container") as demo:
             with gr.Accordion("Advanced Settings", open=False):
                 with gr.Row():
                     negative_prompt = gr.Text(label="Negative prompt", lines=1, max_lines=6, placeholder="Enter a negative prompt",
-                        value="(low quality, worst quality:1.2), very displeasing, watermark, signature, ugly")
+                                              value="(low quality, worst quality:1.2), very displeasing, watermark, signature, ugly")
 
                 with gr.Row():
                     seed = gr.Slider(label="Seed", minimum=0, maximum=MAX_SEED, step=1, value=0)
@@ -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