From 1547cb784f7eded45882011fcfcccbe87b5345a0 Mon Sep 17 00:00:00 2001
From: Anuj3553 <anujverma3553@gmail.com>
Date: Thu, 7 Nov 2024 00:04:18 +0530
Subject: [PATCH] Refactor FAQ and ScrollTop components; update import paths
 and enhance button styling

---
 client/src/component/ScrollTop.jsx | 3 +--
 client/src/css/Contributers.css    | 2 +-
 client/src/css/Navbar.css          | 7 -------
 client/src/css/ScrollTop.css       | 4 ++--
 4 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/client/src/component/ScrollTop.jsx b/client/src/component/ScrollTop.jsx
index 08bc276..7bdfde6 100644
--- a/client/src/component/ScrollTop.jsx
+++ b/client/src/component/ScrollTop.jsx
@@ -28,13 +28,12 @@ const ScrollTop = () => {
 
     return (
         <div className={`Scroll-Top ${isVisible ? 'visible' : ''}`}>
-            <button onClick={smoothScrollToTop} title="Go to top" className="button">
+            <button onClick={smoothScrollToTop} title="Go to top" className="scrolltop-button">
                 <svg className="svgIcon" viewBox="0 0 384 512">
                     <path
                         d="M214.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 141.2V448c0 17.7 14.3 32 32 32s32-14.3 32-32V141.2L329.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160z"
                     ></path>
                 </svg>
-                <div className="progress-circle"></div>
             </button>
         </div>
     );
diff --git a/client/src/css/Contributers.css b/client/src/css/Contributers.css
index 615f01e..1c85c87 100644
--- a/client/src/css/Contributers.css
+++ b/client/src/css/Contributers.css
@@ -132,7 +132,7 @@
   box-shadow: rgba(165, 132, 130, 0.133) 0px 5px 5px 0px;
 }
 
-.card .bottom .bottom-bottom .button:hover {
+.card .bottom .bottom-bottom .scrolltop-button:hover {
   background: #f55d56;
   color: white;
 }
diff --git a/client/src/css/Navbar.css b/client/src/css/Navbar.css
index 8d8a807..e27cb81 100644
--- a/client/src/css/Navbar.css
+++ b/client/src/css/Navbar.css
@@ -318,13 +318,6 @@
   /* Enhanced shadow effect */
 }
 
-.button {
-  padding-top: 5%;
-  border: #ffffff;
-  background-color: inherit;
-  font-family: sans-serif;
-  font-size: medium;
-}
 
 /* .......................... */
 
diff --git a/client/src/css/ScrollTop.css b/client/src/css/ScrollTop.css
index f4135e8..fb038ca 100644
--- a/client/src/css/ScrollTop.css
+++ b/client/src/css/ScrollTop.css
@@ -11,7 +11,7 @@
     display: block;
 }
 
-.button {
+.scrolltop-button {
     width: 50px;
     height: 50px;
     border-radius: 50%;
@@ -37,7 +37,7 @@
     fill: white;
 }
 
-.button:hover {
+.scrolltop-button:hover {
     background: linear-gradient(135deg, rgba(255, 181, 160, 1) 0%, rgba(20, 20, 20, 1) 100%);
 }