refactoring Code

Author: abhishek-dere

frontend/src/common/components/header/Header.scss

@@ -166,9 +166,10 @@
           }
 
           .search-button {
+            margin-right: 0;
             padding-top: 1rem;
-            color: #fcba19;
-            background-color: #003366;
+            color: orbcStyles.$bc-gold;
+            background-color: orbcStyles.$bc-primary-blue;
           }
         }
 

frontend/src/common/components/header/components/SearchButton.scss

@@ -13,11 +13,6 @@
     outline: none;
   }
 }
-@media (width < 768px) {
-  .search-button {
-    margin-right: 0;
-  }
-}
 
 @media (width < 360px) {
   .search-button {

frontend/src/features/permits/pages/ShoppingCart/ShoppingCartPage.scss

@@ -55,6 +55,7 @@
     flex-direction: column;
     align-items: center;
   }
+  
   @media (width < 768px) {
     .shopping-cart-page {
       &__left-container, &__right-container {
@@ -63,6 +64,23 @@
         padding: 1.5rem;
         align-items: center;
       }
+      
+      &__left-container {
+        .shopping-cart {
+          text-align: center;
+          &__actions,
+          .actions {
+            flex-direction: column;
+            gap: 1rem;
+          }
+          .actions__filter {
+            flex-direction: column;
+          }
+          .actions__remove {
+            width: 100%;
+          }
+        }
+      }
     }
   }  
 }

frontend/src/features/permits/pages/ShoppingCart/components/ShoppingCart.scss

@@ -72,21 +72,3 @@
     padding-top: 1.5rem;
   }
 }
-@media (width < 768px) {
-  .shopping-cart {
-    text-align: center;
-    
-    &__actions,
-    .actions {
-      flex-direction: column;
-      gap: 1rem;
-    }
-    .actions__filter {
-      flex-direction: column;
-    }
-    .actions__remove {
-      width: 100%;
-    }
-  }
-}
-

frontend/src/index.scss

@@ -12,9 +12,7 @@ body {
 }
 
 @media screen and (max-width: 768px) {
-
   .feature-container {
     height: calc(100vh - 115px);
-    
   }
-}
+}