- Adaptation of the form message layout, in such a way that labels are shown on top of their values iso left, allowing a decent rendering on mobile devices

- refactoring message-content CSS

eveai_chat_client/static/assets/vue-components/FormMessage.vue

@@ -220,7 +220,7 @@ export default {
 }
 
 .message-content {
-    max-width: 100%;
+    max-width: 90%;
 }
 
 /* Responsive adjustments */
@@ -294,4 +294,13 @@ export default {
         border-bottom: 2px solid #000;
     }
 }
+/* migrated from global css: message-content within form-message */
+.form-message .message-content {
+    max-width: 90%;
+    background: white;
+    border: 1px solid #e9ecef;
+    border-radius: 12px;
+    padding: 20px;
+    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+}
 </style>