Avoid chat-container touching the sides

Author: corebonts

llamafile/server/www/chatbot.css

@@ -15,6 +15,11 @@ body {
   line-height: 1.6;
   color: #333;
   background: #f5f5f5;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  padding: 1rem;
 }
 
 p {
@@ -23,8 +28,8 @@ p {
 }
 
 .chat-container {
+  width: 100%;
   max-width: 960px;
-  margin: 2rem auto;
   background: white;
   border-radius: 12px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
@@ -447,14 +452,14 @@ button.complete-button:disabled {
 
 /* Completions Interface */
 .completions-container {
+  width: 100%;
+  height: 100%;
   max-width: 960px;
-  margin: 2rem auto;
   background: white;
   border-radius: 12px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   display: flex;
   flex-direction: column;
-  height: calc(100vh - 4rem);
 }
 
 .completions-content {