From b6f744d6edbf394cf024a12f95193b0c7c745532 Mon Sep 17 00:00:00 2001
From: Prithwi <prithwi.online11@gmail.com>
Date: Mon, 7 Oct 2024 00:18:15 +0530
Subject: [PATCH] Fix: Alignment of home icon

---
 src/Components/feedback/feedback.css          | 36 +++++++++++++++++--
 src/Components/feedback/feedbackform.js       |  8 ++---
 .../footer_section/Pricing/pricing.css        |  2 +-
 3 files changed, 38 insertions(+), 8 deletions(-)

diff --git a/src/Components/feedback/feedback.css b/src/Components/feedback/feedback.css
index 074d8fd0..79cc1852 100644
--- a/src/Components/feedback/feedback.css
+++ b/src/Components/feedback/feedback.css
@@ -1,3 +1,11 @@
+.home-icon {
+    display: block;
+    margin-left: 0;
+    margin-top: 1px;
+    width: 20px;
+    height: auto;
+}
+
 .headingFeedback {
     font-size: 80px;
     font-family: Arial, Helvetica, sans-serif; /* Update font family */
@@ -5,9 +13,9 @@
     width: 85vw;
     margin: auto;
     text-align: center;
-    margin-bottom: 80px;
+    margin-bottom: 60px;
     color: white;
-    margin-top: 40px;
+    margin-top: 80px;
     font-weight: bold; /* Make text bold */
     animation: fadeIn 1.5s ease-in-out forwards;
 }
@@ -149,6 +157,28 @@ button:hover {
     }
 }
 
+/* light mode styles */
 .light .formFeedback label{
-    color: #000000 !important;
+    color: #6052ff;
+}
+
+.light .formFeedback select{
+    background: white !important;
+    color: rgb(82, 82, 82);
+  }
+
+.light .formFeedback input,
+.light .formFeedback textarea{
+    background:white;
+    color: black;
+    border: 1px solid black;
 }
+
+.light .star-rating input[type="radio"]:checked~label {
+    color: #ff21bc;
+  }
+
+
+.light .componentsFormFeedbackValues{
+    background: #cecece;
+  }
diff --git a/src/Components/feedback/feedbackform.js b/src/Components/feedback/feedbackform.js
index caba9a42..2be1f181 100644
--- a/src/Components/feedback/feedbackform.js
+++ b/src/Components/feedback/feedbackform.js
@@ -131,10 +131,10 @@ const Feedbackform = () => {
               value={formData.issue}
               onChange={handleChange}
             >
-              <option value="select">Select Issue Type</option>
-              <option value="bug">Bug</option>
-              <option value="suggestion">Suggestion</option>
-              <option value="other">Other</option>
+              <option value="select" className="componentsFormFeedbackValues">Select Issue Type</option>
+              <option value="bug" className="componentsFormFeedbackValues">Bug</option>
+              <option value="suggestion" className="componentsFormFeedbackValues">Suggestion</option>
+              <option value="other" className="componentsFormFeedbackValues">Other</option>
             </select>
           </div>
           <div className="componentsFormFeedback">
diff --git a/src/Components/footer_section/Pricing/pricing.css b/src/Components/footer_section/Pricing/pricing.css
index a0828a08..d03e3d7a 100644
--- a/src/Components/footer_section/Pricing/pricing.css
+++ b/src/Components/footer_section/Pricing/pricing.css
@@ -30,7 +30,7 @@ body {
     font-size: 4vw;
     letter-spacing: 2px;
     margin-bottom: 14px;
-    margin-top: 50px;
+    margin-top: 80px;
 }
 
 .headingHeader:hover {