imrove beer search spacing a bit

chris-catignani · Nov 26, 2023 · 3147340 · 3147340
1 parent 4dce7d3
commit 3147340
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/features/output/Output.js b/src/features/output/Output.js
@@ -261,7 +261,7 @@ export const BeerModalContent = ({openBeerIdx, onClose}) => {
     }
 
     return (
-        <Flex justifyContent='safe center' flexWrap='wrap' gap='10'>
+        <Flex justifyContent='safe center' flexWrap='wrap' columnGap='5'>
             <BeerSearch openBeerIdx={openBeerIdx} onClose={onClose}/>
             <AddYourOwn 
                 onClick={() => setIsInBeerUGCMode(true)}
@@ -295,6 +295,7 @@ export const BeerSearch = ({openBeerIdx, onClose}) => {
             <Input
                 placeholder='Search for beer'
                 value={beerSearchQuery}
+                mb='5'
                 onChange={e => {
                     setBeerSearchQuery(e.target.value);
                     dispatch(searchForBeer(e.target.value));