Update templates/index.html

templates/index.html

@@ -26,7 +26,7 @@
 
 html {
   /* Set a larger base font size for mobile readability */
-  font-size: 1.5em;
+  font-size: 1.0em;
 }
 
 body {
@@ -50,7 +50,6 @@ body {
   border-radius: 0;
   box-shadow: none;
   box-sizing: border-box;
-  display: flex;
   flex-direction: column;
 }
 
@@ -207,7 +206,7 @@ button {
 /* --- 2. Desktop Overrides --- */
 /* These styles apply ONLY when screen width is 768px or more. */
 
-@media (min-width: 768px) {
+@media (orientation: landscape) {
   html {
     /* Reset to a standard desktop font size */
     font-size: 1em;
@@ -228,7 +227,7 @@ button {
   }
 
   #chat {
-    max-width: 800px;
+    max-width: 80%;
     height: calc(100vh - 4rem); /* Fill most of the screen but not all */
     max-height: 900px; /* Set a max-height */
   }