Fix search input alignment on safari

LanesGood · LanesGood · commit ae9521e72792 · 2023-01-13T11:18:50.000-05:00
diff --git a/src/components/layout.js b/src/components/layout.js
@@ -185,7 +185,7 @@ export const globalStyles = css.global`
     margin-bottom: 0.5rem;
     display: flex;
     justify-content: space-between;
-    align-items: center;
+    align-items: stretch;
   }
 
   .form-control__vertical {
@@ -217,6 +217,7 @@ export const globalStyles = css.global`
   }
 
   .form-control input#search {
+    margin-block: revert;
     margin: 0;
     padding: 0.375rem 1rem 0.375rem 0.5rem;
   }

Original file line number	Diff line number	Diff line change
@@ -185,7 +185,7 @@ export const globalStyles = css.global`
`185`	`185`	`margin-bottom: 0.5rem;`
`186`	`186`	`display: flex;`
`187`	`187`	`justify-content: space-between;`
`188`		`- align-items: center;`
	`188`	`+ align-items: stretch;`
`189`	`189`	`}`
`190`	`190`
`191`	`191`	`.form-control__vertical {`
@@ -217,6 +217,7 @@ export const globalStyles = css.global`
`217`	`217`	`}`
`218`	`218`
`219`	`219`	`.form-control input#search {`
	`220`	`+ margin-block: revert;`
`220`	`221`	`margin: 0;`
`221`	`222`	`padding: 0.375rem 1rem 0.375rem 0.5rem;`
`222`	`223`	`}`