SearchForm: Convert margin to parent padding

Author: Turbo87

app/components/search-form.module.css

@@ -1,5 +1,10 @@
 .form {
     display: flex;
+    padding: 0 16px;
+
+    @media only screen and (max-width: 820px) {
+        padding: 10px 0;
+    }
 }
 
 .input {
@@ -8,7 +13,6 @@
     color: black;
     width: 100%;
     padding: 5px 5px 5px 25px;
-    margin: 0 16px;
     background-color: white;
     background-image: url('/assets/search.png');
     background-repeat: no-repeat;
@@ -22,10 +26,6 @@
         outline: none;
         box-shadow: 0 0 0 4px var(--yellow500);
     }
-
-    @media only screen and (max-width: 820px) {
-        margin: 10px 0;
-    }
 }
 
 .input-lg {