- Aanpassing layout van de chat-input. Character counter is ook weg op desktop. Scrollbar enkel zichtbaar indien nodig. Meer beschikbare ruimte in mobiele client. kleinere radius in de hoeken.

- Gewijzigde logica voor hoogtebepaling chat-input en message history, zodat ook de mobiele client correct functioneert.

eveai_chat_client/static/assets/css/chat.css

@@ -14,7 +14,8 @@
 /* App container layout */
 .app-container {
     display: flex;
-    height: 100vh;
+    height: 100vh;   /* fallback */
+    height: 100dvh;  /* prefer dynamic viewport unit */
     width: 100%;
 }
 
@@ -80,9 +81,23 @@
 .content-area {
     flex: 1;
     background: linear-gradient(135deg, var(--gradient-start-color), var(--gradient-end-color));
-    overflow-y: auto;
+    overflow-y: hidden;
     display: flex;
     flex-direction: column;
+    min-height: 0;
+    height: 100vh;   /* fallback for desktop */
+    height: 100dvh;  /* prefer dynamic viewport on desktop */
+}
+
+.chat-container {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    min-height: 0;        /* laat kinderen (ChatApp) krimpen */
+}
+
+html, body {
+    height: 100%;
 }
 
 body {
@@ -273,10 +288,14 @@ body {
         width: 100%;
     }
     
+    :root { --mobile-header-height: 60px; } /* default/minimum */
+
     /* Content area takes remaining space */
     .content-area {
         flex: 1;
-        height: calc(100vh - 60px); /* Subtract mobile header height */
+        height: calc(100vh - var(--mobile-header-height));   /* fallback */
+        height: calc(100dvh - var(--mobile-header-height));  /* prefer dynamic viewport */
+        min-height: 0;
     }
 }