Update templates/index.html

templates/index.html

@@ -116,6 +116,44 @@
         .remove-image:hover {
             background-color: rgba(0, 0, 0, 0.7);
         }
+
+
+      #response {
+    white-space: pre-wrap;       /* Préserve les espaces et les sauts de ligne */
+    word-wrap: break-word;       /* Permet le retour à la ligne des mots longs */
+    overflow-wrap: break-word;   /* Assure la césure des mots très longs */
+}
+
+/* Styles pour le contenu markdown */
+#response p {
+    margin-bottom: 1em;
+    line-height: 1.6;
+}
+
+#response ul, #response ol {
+    padding-left: 1.5em;
+    margin-bottom: 1em;
+}
+
+#response li {
+    margin-bottom: 0.5em;
+}
+
+/* Ajustements responsives pour mobile */
+@media (max-width: 640px) {
+    #response {
+        font-size: 0.95rem;
+        padding: 1rem;
+    }
+    
+    #response p, #response li {
+        line-height: 1.7;
+    }
+    
+    #response ul, #response ol {
+        padding-left: 1.2em;
+    }
+}
     </style>
 </head>