- 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/vue-components/ChatApp.vue

@@ -553,7 +553,8 @@ export default {
 .chat-app-container {
     display: flex;
     flex-direction: column;
-    height: 100vh;
+    flex: 1;
+    /* height: 100%;  avoided to let flex sizing control height */
     width: 100%;
     min-height: 0;
     max-width: 1000px;
@@ -561,10 +562,12 @@ export default {
     margin-right: auto;
     padding: 20px;
     box-sizing: border-box;
+    overflow: hidden;
 }
 
 .chat-messages-area {
     flex: 1;
+    min-height: 0; /* ensure child can scroll */
     overflow: hidden;
     display: flex;
     flex-direction: column;
@@ -585,10 +588,4 @@ export default {
     flex: 0 0 auto;
 }
 
-/* Responsive adjustments */
-@media (max-width: 768px) {
-    .chat-app-container {
-        height: 100vh;
-    }
-}
 </style>