tweak

app.py

@@ -4,25 +4,27 @@ from gradio_client import Client
 
 client = Client("vikhyatk/moondream1")
 
-result = client.predict(
-    "https://hips.hearstapps.com/hmg-prod/images/dog-puppy-on-garden-royalty-free-image-1586966191.jpg",
-    "What is this image? Describe this image to someone who is visually impaired.",
-    api_name="/answer_question",
-)
-
+css = """
+.col {
+    width: 300px;
+}
+"""
 def get_caption(image, additional_context):
-    question_with_context = "What is this image? Describe this image to someone who is visually impaired. " + additional_context
+    question_with_context = "What is this image? Describe this image to someone who is visually impaired."
     result = client.predict(image, question_with_context, api_name="/answer_question")
-    return result
+    return result + "\n" + "Additional Context: " + additional_context
+
+
+with gr.Blocks(css=css) as demo:
+    with gr.Group(elem_classes=["col"]):
+        with gr.Column():
+            image = gr.Image(sources=["upload", "clipboard"], type="filepath", height=330)
+            additional_context = gr.Textbox(interactive=True, label="Add additional context here (optional)")
+            submit_btn = gr.Button("Submit", variant="primary")
 
-with gr.Blocks() as demo:
-    with gr.Column():
-        image = gr.Image(sources=["upload", "clipboard"], type="filepath", height=300)
-        additional_context = gr.Textbox(interactive=True, label="Add additional context here (optional)")
-        submit_btn = gr.Button("Submit", variant="primary")
         response = gr.Textbox(label="Answer")
 
-    submit_btn.click(get_caption, [image, additional_context], outputs=response)
-    
+        submit_btn.click(get_caption, [image, additional_context], outputs=[response])
+
 if __name__ == "__main__":
     demo.launch()