Reformat Inputs

app.py

@@ -57,29 +57,32 @@ def main(question, philosopher):
   out_image = "marcus-aurelius.jpg"
   return ask_philosopher(philosopher, question), get_similar_quotes(philosopher, question), out_image
   
-with gr.Blocks(css="#title {color: #F0FFFF} .gradio-container {background-image: url('file=mountains.jpg')}") as demo:
+with gr.Blocks(css="#title {color: #F0FFFF} .gradio-container {background-image: url('file=mountains_resized.jpg')}") as demo:
     gr.Markdown("""
     # Ask a Philsopher
     """, 
     elem_id="title"
     )
     with gr.Row():
-        with gr.Column():
-          inp1 = gr.Textbox(placeholder="Place your question here...", label="Ask a question")
-          inp2 = gr.Dropdown(choices=["stoic", "krishnamurti"], value="stoic", label="Choose a philosopher")
-          out_image = gr.Image(label="Picture")
-
-        with gr.Column():
+        with gr.Row():
+            with gr.Column():
+                inp1 = gr.Textbox(placeholder="Place your question here...", label="Ask a question")
+                inp2 = gr.Dropdown(choices=["stoic", "krishnamurti"], value="stoic", label="Choose a philosopher")
+              
             out1 = gr.Textbox(
                         lines=3, 
                         max_lines=10,
                         label="Answer"
                     )
+              
+        with gr.Row():
+            out_image = gr.Image(label="Picture")
             out2 = gr.DataFrame(
                         headers=["Quotes"],
                         max_rows=5,
                         interactive=False,
                         wrap=True)
+                        
     btn = gr.Button("Run")
     btn.click(fn=main, inputs=[inp1,inp2], outputs=[out1,out2,out_image])