From f1675e50b2aba43b8c6718f2ef25c24741a891a5 Mon Sep 17 00:00:00 2001
From: "Devendra Singh (Persistent Systems Inc)" <v-devendras@microsoft.com>
Date: Tue, 28 May 2024 18:49:58 +0530
Subject: [PATCH] changes done by devendra for bug id 4100

---
 code/frontend/src/pages/chat/Chat.module.css | 82 +++++++++++---------
 1 file changed, 44 insertions(+), 38 deletions(-)

diff --git a/code/frontend/src/pages/chat/Chat.module.css b/code/frontend/src/pages/chat/Chat.module.css
index 89aa0499d..9948c0161 100644
--- a/code/frontend/src/pages/chat/Chat.module.css
+++ b/code/frontend/src/pages/chat/Chat.module.css
@@ -234,7 +234,7 @@
     color: #323130;
     margin-top: 12px;
     margin-bottom: 12px;
-} 
+}
 
 .citationPanelContent {
     font-family: "Segoe UI";
@@ -247,58 +247,64 @@
     order: 1;
     align-self: stretch;
     flex-grow: 0;
-} 
+}
+
+.citationPanelContent h1 {
+
+    line-height: 30px;
+
+}
 
-.MobileChatContainer{
-    @media screen and (max-width: 600px)  {
+.MobileChatContainer {
+    @media screen and (max-width: 600px) {
         max-width: 100%;
         margin: 0 auto;
         padding: 8px;
-        
-      }
+
+    }
 }
 
 .mobileStyles {
-    @media screen and (max-width: 600px)  {
+    @media screen and (max-width: 600px) {
         max-width: 100%;
-        flex-grow: 1; 
+        flex-grow: 1;
         max-height: 100vh;
     }
-  }
+}
 
-  .mobileclearChatBroom{
-      @media screen and (max-width: 600px)  {
+.mobileclearChatBroom {
+    @media screen and (max-width: 600px) {
         left: -30px;
-        
-      }
+
     }
-  
-    .mobileCitationPanelTitle{
-        @media screen and (max-width: 600px)  {
-            font-weight: 400;
-            font-size: 12px;
-            margin-top: 8px;
-            margin-bottom: 8px;
-            
-          }
+}
+
+.mobileCitationPanelTitle {
+    @media screen and (max-width: 600px) {
+        font-weight: 400;
+        font-size: 12px;
+        margin-top: 8px;
+        margin-bottom: 8px;
+
     }
+}
 
-    .mobileCitationPanelContent{
-        @media screen and (max-width: 600px){
-            font-weight: 250;
-            font-size: 11px;
+.mobileCitationPanelContent {
+    @media screen and (max-width: 600px) {
+        font-weight: 250;
+        font-size: 11px;
 
-        } 
     }
+}
 
-    @media screen and (max-width: 600px){
-        h1{
-            font-weight: 300;
-            font-size: 14px;
-        }
-
-        h2{
-            font-weight: 300;
-            font-size: 12px;
-        }
-     }
\ No newline at end of file
+@media screen and (max-width: 600px) {
+    h1 {
+        font-weight: 300;
+        font-size: 14px;
+    }
+
+    h2 {
+        font-weight: 300;
+        font-size: 12px;
+    }
+}