Fix: visual styles

main.py

@@ -97,7 +97,7 @@ async def chat(data = Depends(validate_token)):
 
         language = t_language.replace(" ", "-")
         if language in supp_langs:
-            temp_text = f'<pre><code class="language-{language}">' + escape(temp_text[end_lang:-3]) + "</code></pre>"
+            temp_text = f'<pre><code class="language-{language}">' + escape(temp_text[end_lang:-3]).strip() + "</code></pre>"
         else:
             temp_text = '<pre>' + escape(temp_text[3:-3]) + "</pre>"
         codigos.append(temp_text)

static/css/app.css

@@ -35,13 +35,14 @@ body {
 
 .chat .message {
     display: flex;
-    padding: 10px 0 0 10px;
+    margin: 10px 10px 0 0;
     filter: opacity(0.9);
 }
-
+.chat .message.me {
+    margin: 10px 0 0 10px;
+}
 .chat .message:last-child {
     display: flex;
-    margin: 10px 0 0 10px;
     filter: opacity(1);
 }
 

static/js/main.js

@@ -41,10 +41,11 @@ function cargarChat() {
         let clone = null;
         if(value.role=="user"){
             clone = $("#payload-request").clone();
+            clone.find("div p").html(value.content.replace(/\n/g, "<br>"));
         }else{
             clone = $("#payload-response").clone();
+            clone.find("div p").html(value.content);
         }
-        clone.find("div p").text(value.content);
         clone.removeAttr("id")
         $("#chat").append(clone);
         $("#chat").scrollTop($("#chat")[0].scrollHeight);