From 6126e8edee50cf2e04e33a240f3e19f7c6f4ea2c Mon Sep 17 00:00:00 2001 From: Zach Pomerantz Date: Tue, 23 Aug 2022 12:21:38 -0700 Subject: [PATCH] fix: text input padding (#163) --- src/components/Input.tsx | 2 +- src/components/Swap/Settings/MaxSlippageSelect.tsx | 1 - 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/src/components/Input.tsx b/src/components/Input.tsx index b656cd952..ac0ada636 100644 --- a/src/components/Input.tsx +++ b/src/components/Input.tsx @@ -152,7 +152,7 @@ export const inputCss = css` border: 1px solid ${({ theme }) => theme.container}; border-radius: ${({ theme }) => theme.borderRadius}em; cursor: text; - padding: calc(0.5em - 1px); + padding: calc(0.75em - 1px); :hover:not(:focus-within) { background-color: ${({ theme }) => theme.onHover(theme.container)}; diff --git a/src/components/Swap/Settings/MaxSlippageSelect.tsx b/src/components/Swap/Settings/MaxSlippageSelect.tsx index f1886318b..f3042078f 100644 --- a/src/components/Swap/Settings/MaxSlippageSelect.tsx +++ b/src/components/Swap/Settings/MaxSlippageSelect.tsx @@ -24,7 +24,6 @@ const Button = styled(TextButton)<{ selected: boolean }>` const Custom = styled(BaseButton)<{ selected: boolean }>` ${({ selected }) => optionCss(selected)} ${inputCss} - padding: calc(0.75em - 3px) 0.625em; ` interface OptionProps {