From 41d085f28f48f49110dec0fe32fe3a5234ad3824 Mon Sep 17 00:00:00 2001
From: RiddhiM170904 <riddhimhadgut17@gmail.com>
Date: Sun, 6 Oct 2024 23:49:49 +0530
Subject: [PATCH] Fixed Alignment of the herosection

alignment of the herosection
---
 frontend/index.html  | 15 ++++++++-------
 frontend/src/App.jsx |  4 ++--
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/frontend/index.html b/frontend/index.html
index 6f692d9..62ec2cc 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -10,9 +10,10 @@
     #google_element {
         position: absolute;
         top: 10px; /* Distance from the top */
-        left: 25%; /* Position between middle and left corner */
+        /* Position between middle and left corner */
+        margin: 40px;
         transform: translateX(-20%); /* Adjust for half the element's width */
-        z-index: 1000; /* Ensure it stays on top */
+       /* Ensure it stays on top */
     }
        /* Circle styles */
             .circle {
@@ -37,6 +38,11 @@
     }
     
     .chatbot {
+        position: fixed;
+        bottom: 0px;
+        right: 0px;
+        z-index: 50;
+        margin: 20px;
         background-color: #04aa6d;
         border-radius: 50px;
         width: 60px;
@@ -47,11 +53,6 @@
         cursor: pointer;
     }
     
-    .chatbot img {
-        width: 40px;
-        height: 40px;
-    }
-    
     .chatbox {
         display: none;
         position: fixed;
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index c93b685..1939c46 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -25,9 +25,9 @@ function App() {
       </Routes>
     </Router>
 
-    <div className='fixed bottom-0 right-0 z-50 m-4 cursor-pointer'>
+    {/* <div className='fixed bottom-0 right-0 z-50 m-4 cursor-pointer'>
       <img src={chatbotsvg} alt="chatbot" className='w-16 h-16' />
-    </div>
+    </div> */}
 
 </>
   )