From 5a8695140e47dad550875e7fc533ce4ab0b430f5 Mon Sep 17 00:00:00 2001
From: arpita <arpitaagrahari004@gmail.com>
Date: Wed, 2 Oct 2024 04:03:12 +0530
Subject: [PATCH] Refactor chatbot styling and functionality in style.css

---
 MedicalBot/style.css | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/MedicalBot/style.css b/MedicalBot/style.css
index 5656478..158a1cb 100644
--- a/MedicalBot/style.css
+++ b/MedicalBot/style.css
@@ -154,4 +154,41 @@ body {
     max-height: 180px;
     padding: 15px 15px 15px 0;
     font-size: 0.95rem;
+  }
+  .chat-input span {
+    align-self: flex-end;
+    color: #724ae8;
+    cursor: pointer;
+    height: 55px;
+    display: flex;
+    align-items: center;
+    visibility: hidden;
+    font-size: 1.35rem;
+  }
+  .chat-input textarea:valid ~ span {
+    visibility: visible;
+  }
+  
+  @media (max-width: 490px) {
+    .chatbot-toggler {
+      right: 20px;
+      bottom: 20px;
+    }
+    .chatbot {
+      right: 0;
+      bottom: 0;
+      height: 100%;
+      border-radius: 0;
+      width: 100%;
+    }
+    .chatbot .chatbox {
+      height: 90%;
+      padding: 25px 15px 100px;
+    }
+    .chatbot .chat-input {
+      padding: 5px 15px;
+    }
+    .chatbot header span {
+      display: block;
+    }
   }
\ No newline at end of file