Update layout for website chatbot template

Author: ajhai

llmstack/contrib/apps/templates/website_chatbot.yml

@@ -54,14 +54,13 @@ app:
   type_slug: "text-chat"
   config:
     layout: >-
-      <pa-layout sx='{"maxWidth": "900px", "margin": "0 auto", "padding":
-      "10px"}'>
-        <pa-grid container="true" spacing="2" style="width: 100%">
-          <pa-grid item="true" xs="12">
-            <pa-chat-output sx='{"height": "70vh", "minHeight": "90%"}'/>
+      <pa-layout sx='{"maxWidth": "1200px", "margin": "0 auto", "padding": "5px 0", "height": "100%"}'>
+        <pa-grid container="true" spacing="2" sx='{"height": "100%", "flexDirection": "column"}'>
+          <pa-grid item="true" xs="12" sx='{"overflow": "auto !important", "flex": "1 1 0 !important", "padding": "0 !important"}'>
+            <pa-chat-output></pa-chat-output>
           </pa-grid>
-          <pa-grid item="true" xs="12">
-                  <pa-input-form clearonsubmit="true" />
+          <pa-grid item="true" xs="12" sx='{"alignSelf": "flex-end", "flex": "0 !important", "width": "100%", "padding": "0 !important"}'>
+            <pa-input-form clearonsubmit="true"></pa-input-form>
           </pa-grid>
         </pa-grid>
       </pa-layout>