Merge pull request #793 from Prithwi32/fix/alignment

Fix: Alignment of home icon
SUGAM-ARORA · Oct 9, 2024 · 7fb9b98 · 7fb9b98
2 parents 136db36 + b6f744d
commit 7fb9b98
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 8 deletions.
diff --git a/src/Components/feedback/feedback.css b/src/Components/feedback/feedback.css
@@ -1,13 +1,21 @@
+.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 */
     max-width: 1000px;
     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
@@ -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
@@ -30,7 +30,7 @@ body {
     font-size: 4vw;
     letter-spacing: 2px;
     margin-bottom: 14px;
-    margin-top: 50px;
+    margin-top: 80px;
 }
 
 .headingHeader:hover {