Fixed image size and layout issues

app.py

@@ -159,7 +159,7 @@ if OPENAI_API_KEY:
     print("OPENAI_API_KEY found in environment variables. Starting agent.")
     bot.init_agent(OPENAI_API_KEY)
 
-with gr.Blocks(css="#chatbot {overflow:auto; height:500px;}") as demo:
+with gr.Blocks(css="#chatbot {overflow:auto; height:500px;} .message img {max-width:90% !important; max-height:initial !important;}") as demo:
     gr.Markdown("<h3><center>Visual ChatGPT</center></h3>")
     gr.Markdown(
         """This is based on the [demo](https://huggingface.co/spaces/microsoft/visual_chatgpt) to the work [Visual ChatGPT: Talking, Drawing and Editing with Visual Foundation Models](https://github.com/microsoft/visual-chatgpt).<br>
@@ -181,11 +181,11 @@ with gr.Blocks(css="#chatbot {overflow:auto; height:500px;}") as demo:
     with gr.Row(visible=getattr(bot, 'agent', False)) as input_raws:
         with gr.Column(scale=0.7):
             txt = gr.Textbox(show_label=False, placeholder="Enter text and press enter, or upload an image").style(container=False)
-        with gr.Column(scale=0.10, min_width=0):
+        with gr.Column(scale=0.10, min_width=100):
             run = gr.Button("🏃‍♂️Run")
-        with gr.Column(scale=0.10, min_width=0):
+        with gr.Column(scale=0.10, min_width=100):
             clear = gr.Button("🔄Clear️")
-        with gr.Column(scale=0.10, min_width=0):
+        with gr.Column(scale=0.10, min_width=100):
             btn = gr.UploadButton("🖼️Upload", file_types=["image"])
 
     gr.Examples(