Update app.py

app.py

@@ -69,9 +69,9 @@ css = '''
 .selected_random [data-testid="block-label"] span{display: none}
 .plus_column{align-self: center}
 .plus_button{font-size: 235% !important; text-align: center;margin-bottom: 19px}
+#prompt{padding: 0 0 1em 0}
 #prompt input{width: calc(100% - 160px);border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
-#run_button{position:absolute;margin-top: 36px;right: 0;margin-right: 1.5em;border-bottom-left-radius: 0px;
-    border-top-left-radius: 0px;}
+#run_button{position: absolute;margin-top: 25.8px;right: 0;margin-right: 0.75em;border-bottom-left-radius: 0px;border-top-left-radius: 0px}
 .random_column{align-self: center; align-items: center;gap: 0.5em !important}
 #share-btn-container{padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; max-width: 13rem; margin-left: auto;margin-top: 0.35em;}
 div#share-btn-container > div {flex-direction: row;background: black;align-items: center}
@@ -84,7 +84,8 @@ div#share-btn-container > div {flex-direction: row;background: black;align-items
 #post_gen_info{margin-top: .5em}
 #thumbs_up_clicked{background:green}
 #thumbs_down_clicked{background:red}
-.title_lora a{color: var(--body-text-color) !important}
+.title_lora a{color: var(--body-text-color) !important; opacity:0.6}
+#prompt_area .form{border:0}
 '''
 
 
@@ -201,8 +202,8 @@ with gr.Blocks(css=css) as demo:
             with gr.Column(min_width=10, scale=2, elem_classes="plus_column"):
                equal = gr.HTML("=", elem_classes="plus_button")
     with gr.Column(min_width=10, scale=14):
-        with gr.Box():
-            with gr.Row():
+        with gr.Box(elem_id="generate_area"):
+            with gr.Row(elem_id="prompt_area"):
                 prompt = gr.Textbox(label="Your prompt", info="Rearrange the trigger words into a coherent prompt", show_label=False, interactive=True, elem_id="prompt")
                 run_btn = gr.Button("Run", elem_id="run_button")
             output_image = gr.Image(label="Output", height=355, elem_id="output_image", interactive=False)