Updated css for chatbot help icon

MinavKaria · Oct 27, 2024 · ec8e151 · ec8e151
1 parent 83c133f
commit ec8e151
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/client/src/components/ChatbotHelp.css b/client/src/components/ChatbotHelp.css
@@ -1,8 +1,8 @@
 .chatbotHelpContainer {
     position: fixed;
     display: flex;
-    bottom: 10px; /* Adjust this to where you want the element */
-    right: 20px; /* Adjust this to where you want the element */
+    bottom: 10px;
+    right: 20px; 
     z-index: 10; /* Ensures it stays on top of other elements */
 }
 
@@ -190,4 +190,17 @@
       width: 14px;
       height: 14px;
     }
+  }
+
+  @media (min-width:350px){
+    .chatbotHelpContainer svg:nth-of-type(1){
+      transform: translate(175px, 0);
+    }
+  }
+
+  @media (min-width:375px){
+
+    .chatbotHelpContainer svg:nth-of-type(1){
+      transform: translate(175px, 85px);
+    }
   }