Update app.py

app.py

@@ -135,9 +135,7 @@ css = """
             background: #0b0f19;
         }
         .acknowledgments h4{
-            margin-bottom: 45px;
-            margin-top: 35px;
-            text-align: center;
+            margin: 1.25em 0 .25em 0;
             font-weight: bold;
             font-size: 115%;
         }
@@ -193,6 +191,39 @@ with block as demo:
                   font-size: 1.75rem;
                 "
               >
+              <svg
+                  width="0.65em"
+                  height="0.65em"
+                  viewBox="0 0 115 115"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <rect width="23" height="23" fill="white"></rect>
+                  <rect y="69" width="23" height="23" fill="white"></rect>
+                  <rect x="23" width="23" height="23" fill="#AEAEAE"></rect>
+                  <rect x="23" y="69" width="23" height="23" fill="#AEAEAE"></rect>
+                  <rect x="46" width="23" height="23" fill="white"></rect>
+                  <rect x="46" y="69" width="23" height="23" fill="white"></rect>
+                  <rect x="69" width="23" height="23" fill="black"></rect>
+                  <rect x="69" y="69" width="23" height="23" fill="black"></rect>
+                  <rect x="92" width="23" height="23" fill="#D9D9D9"></rect>
+                  <rect x="92" y="69" width="23" height="23" fill="#AEAEAE"></rect>
+                  <rect x="115" y="46" width="23" height="23" fill="white"></rect>
+                  <rect x="115" y="115" width="23" height="23" fill="white"></rect>
+                  <rect x="115" y="69" width="23" height="23" fill="#D9D9D9"></rect>
+                  <rect x="92" y="46" width="23" height="23" fill="#AEAEAE"></rect>
+                  <rect x="92" y="115" width="23" height="23" fill="#AEAEAE"></rect>
+                  <rect x="92" y="69" width="23" height="23" fill="white"></rect>
+                  <rect x="69" y="46" width="23" height="23" fill="white"></rect>
+                  <rect x="69" y="115" width="23" height="23" fill="white"></rect>
+                  <rect x="69" y="69" width="23" height="23" fill="#D9D9D9"></rect>
+                  <rect x="46" y="46" width="23" height="23" fill="black"></rect>
+                  <rect x="46" y="115" width="23" height="23" fill="black"></rect>
+                  <rect x="46" y="69" width="23" height="23" fill="black"></rect>
+                  <rect x="23" y="46" width="23" height="23" fill="#D9D9D9"></rect>
+                  <rect x="23" y="115" width="23" height="23" fill="#AEAEAE"></rect>
+                  <rect x="23" y="69" width="23" height="23" fill="black"></rect>
+                </svg>
                 <h1 style="font-weight: 900; margin-bottom: 7px;margin-top:5px">
                   Stable Diffusion Nano Demo
                 </h1>
@@ -205,7 +236,7 @@ with block as demo:
     )
     with gr.Group():
         with gr.Box():
-            with gr.Row():
+            with gr.Row(elem_id="prompt-container").style(equal_height=True):
                 with gr.Column():
                     prompt_input = gr.Textbox(
                         label="Enter your prompt",
@@ -223,7 +254,7 @@ with block as demo:
 
         gallery = gr.Gallery(
             label="Generated images", show_label=False, elem_id="gallery"
-        ).style(container=True, height="auto")
+        ).style(grid=[2], height="auto")
 
         with gr.Group(elem_id="container-advanced-btns"):
             # advanced_button = gr.Button("Advanced options", elem_id="advanced-btn")
@@ -240,16 +271,17 @@ with block as demo:
             inf_steps_input = gr.inputs.Slider(
                 minimum=1, maximum=100, default=25, step=1, label="Inference Steps"
             )
+            seed_input = gr.inputs.Number(default=0, label="Seed")
             guidance_scale = gr.Slider(
                 label="Guidance Scale", minimum=0, maximum=50, value=9, step=0.1
             )
-            seed_input = gr.inputs.Number(default=0, label="Seed")
 
         ex = gr.Examples(examples=examples,
                          fn=generate_image,
                          inputs=[prompt_input, negative,
                                  inf_steps_input, seed_input, guidance_scale],
-                         outputs=[gallery, community_icon, loading_icon, share_button], 
+                         outputs=[gallery, community_icon,
+                                  loading_icon, share_button],
                          cache_examples=False)
         ex.dataset.headers = [""]
         negative.submit(generate_image, inputs=[