UI Fixes HTML

NellowTCS · web-flow · commit 8ff4699b3046 · 2025-09-09T12:53:44.000-06:00
diff --git a/index.html b/index.html
@@ -96,9 +96,11 @@
     }
 
     .chat-area {
-      flex: 1;
       display: flex;
       flex-direction: column;
+      flex: 1 1 0;         /* Grow and shrink as needed */
+      min-width: 300px;    /* Prevent it from becoming too narrow */
+      max-width: calc(100% - 200px); /* Leave space for user list */
     }
 
     .chat-box {
@@ -268,6 +270,10 @@
         flex-wrap: wrap;
         gap: 8px;
       }
+      .chat-area {
+        max-width: 100%;
+        min-width: 100%;
+      }
     }
 
     /* System message styling */

Original file line number	Diff line number	Diff line change
`@@ -96,9 +96,11 @@`
`96`	`96`	`}`
`97`	`97`
`98`	`98`	`.chat-area {`
`99`		`- flex: 1;`
`100`	`99`	`display: flex;`
`101`	`100`	`flex-direction: column;`
	`101`	`+ flex: 1 1 0; /* Grow and shrink as needed */`
	`102`	`+ min-width: 300px; /* Prevent it from becoming too narrow */`
	`103`	`+ max-width: calc(100% - 200px); /* Leave space for user list */`
`102`	`104`	`}`
`103`	`105`
`104`	`106`	`.chat-box {`
`@@ -268,6 +270,10 @@`
`268`	`270`	`flex-wrap: wrap;`
`269`	`271`	`gap: 8px;`
`270`	`272`	`}`
	`273`	`+ .chat-area {`
	`274`	`+ max-width: 100%;`
	`275`	`+ min-width: 100%;`
	`276`	`+ }`
`271`	`277`	`}`
`272`	`278`
`273`	`279`	`/* System message styling */`