adjusted layout

app.py

@@ -47,16 +47,18 @@ with gr.Blocks() as iface:
     with gr.Row():
         with gr.Column(scale=2):
             questionCounter = gr.Label(value="Remaining Questions: 24")
-            finishButton = gr.Button()
-        with gr.Column(scale=8):
-            i = 0
-            while i < len(roles):
-                with gr.Tab(roles[i]):
-                    chatbot.append(gr.Chatbot())
-                    msg.append(gr.Textbox())
-                i += 1
-        with gr.Column(scale=2):
-            characterImage = gr.Image()
+            finishButton = gr.Button("Try to Solve")
+        with gr.Column(scale=10):
+            with gr.Row():
+                with gr.Column(scale=9):
+                    i = 0
+                    while i < len(roles):
+                        with gr.Tab(roles[i]):
+                            chatbot.append(gr.Chatbot())
+                            msg.append(gr.Textbox())
+                        i += 1
+                with gr.Column(scale=3):
+                    characterImage = gr.Label()
 
     def user(user_message, history):
         return "", history + [[user_message, None]]