From 4d5d3e6433e2e8abb832ca995ded08b1f07a4408 Mon Sep 17 00:00:00 2001
From: Debanjum Singh Solanky <debanjum@gmail.com>
Date: Tue, 23 Apr 2024 10:58:04 +0530
Subject: [PATCH] Set chat-message height to height of content in web, desktop

In some cases, especially with image generation requests, this was
causing the chat messages to overlap in the chat UI
---
 src/interface/desktop/chat.html  | 2 ++
 src/khoj/interface/web/chat.html | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/interface/desktop/chat.html b/src/interface/desktop/chat.html
index 2835f01d..e75effdb 100644
--- a/src/interface/desktop/chat.html
+++ b/src/interface/desktop/chat.html
@@ -1395,11 +1395,13 @@
         .chat-message.khoj {
             margin-left: auto;
             text-align: left;
+            height: fit-content;
         }
         /* move message by you to right */
         .chat-message.you {
             margin-right: auto;
             text-align: right;
+            height: fit-content;
         }
         /* basic style chat message text */
         .chat-message-text {
diff --git a/src/khoj/interface/web/chat.html b/src/khoj/interface/web/chat.html
index 4ede4080..0d624713 100644
--- a/src/khoj/interface/web/chat.html
+++ b/src/khoj/interface/web/chat.html
@@ -2055,11 +2055,13 @@ To get started, just start typing below. You can also type / to see a list of co
         .chat-message.khoj {
             margin-left: auto;
             text-align: left;
+            height: fit-content;
         }
         /* move message by you to right */
         .chat-message.you {
             margin-right: auto;
             text-align: right;
+            height: fit-content;
         }
         /* basic style chat message text */
         .chat-message-text {