Fix column layout

app.ipynb

@@ -663,14 +663,14 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 29,
+   "execution_count": 31,
    "metadata": {},
    "outputs": [
     {
      "name": "stdout",
      "output_type": "stream",
      "text": [
-      "Running on local URL:  http://127.0.0.1:7867\n",
+      "Running on local URL:  http://127.0.0.1:7868\n",
       "\n",
       "To create a public link, set `share=True` in `launch()`.\n"
      ]
@@ -678,7 +678,7 @@
     {
      "data": {
       "text/html": [
-       "<div><iframe src=\"http://127.0.0.1:7867/\" width=\"100%\" height=\"500\" allow=\"autoplay; camera; microphone; clipboard-read; clipboard-write;\" frameborder=\"0\" allowfullscreen></iframe></div>"
+       "<div><iframe src=\"http://127.0.0.1:7868/\" width=\"100%\" height=\"500\" allow=\"autoplay; camera; microphone; clipboard-read; clipboard-write;\" frameborder=\"0\" allowfullscreen></iframe></div>"
       ],
       "text/plain": [
        "<IPython.core.display.HTML object>"
@@ -691,7 +691,7 @@
      "data": {
       "text/plain": []
      },
-     "execution_count": 29,
+     "execution_count": 31,
      "metadata": {},
      "output_type": "execute_result"
     }
@@ -756,9 +756,34 @@
     "                        label=\"Chat Output\",\n",
     "                    )\n",
     "\n",
+    "                with gr.Column():\n",
+    "                    chat_input = gr.Textbox(lines=1, label=\"Chat Input\")\n",
+    "                    chat_input.submit(\n",
+    "                        inference_chat,\n",
+    "                        [\n",
+    "                            model_id,\n",
+    "                            prompt_template,\n",
+    "                            chat_input,\n",
+    "                            temperature,\n",
+    "                            top_p,\n",
+    "                            state,\n",
+    "                        ],\n",
+    "                        [chatbot, state],\n",
+    "                    )\n",
+    "\n",
     "                    with gr.Row():\n",
-    "                        chat_input = gr.Textbox(lines=1, label=\"Chat Input\")\n",
-    "                        chat_input.submit(\n",
+    "                        clear_button = gr.Button(value=\"Clear\", interactive=True)\n",
+    "                        clear_button.click(\n",
+    "                            lambda: (\"\", [], []),\n",
+    "                            [],\n",
+    "                            [chat_input, chatbot, state],\n",
+    "                            queue=False,\n",
+    "                        )\n",
+    "\n",
+    "                        submit_button = gr.Button(\n",
+    "                            value=\"Submit\", interactive=True, variant=\"primary\"\n",
+    "                        )\n",
+    "                        submit_button.click(\n",
     "                            inference_chat,\n",
     "                            [\n",
     "                                model_id,\n",
@@ -770,31 +795,6 @@
     "                            ],\n",
     "                            [chatbot, state],\n",
     "                        )\n",
-    "\n",
-    "                        with gr.Row():\n",
-    "                            clear_button = gr.Button(value=\"Clear\", interactive=True)\n",
-    "                            clear_button.click(\n",
-    "                                lambda: (\"\", [], []),\n",
-    "                                [],\n",
-    "                                [chat_input, chatbot, state],\n",
-    "                                queue=False,\n",
-    "                            )\n",
-    "\n",
-    "                            submit_button = gr.Button(\n",
-    "                                value=\"Submit\", interactive=True, variant=\"primary\"\n",
-    "                            )\n",
-    "                            submit_button.click(\n",
-    "                                inference_chat,\n",
-    "                                [\n",
-    "                                    model_id,\n",
-    "                                    prompt_template,\n",
-    "                                    chat_input,\n",
-    "                                    temperature,\n",
-    "                                    top_p,\n",
-    "                                    state,\n",
-    "                                ],\n",
-    "                                [chatbot, state],\n",
-    "                            )\n",
     "iface.launch()\n"
    ]
   },
@@ -817,7 +817,7 @@
   },
   {
    "cell_type": "code",
-   "execution_count": 15,
+   "execution_count": 32,
    "metadata": {},
    "outputs": [],
    "source": [