fix: style nits (#269)

* fix: space before impact

* fix: details sizing

Author: zzmp

src/components/Swap/Input.tsx

@@ -150,7 +150,7 @@ export function InputWrapper({
           <Row>
             <USDC isLoading={isRouteLoading}>
               {usdc && `${formatCurrencyAmount({ amount: usdc, isUsdPrice: true })}`}
-              {impact && <ThemedText.Body2 color={impact.warning}>({impact.toString()})</ThemedText.Body2>}
+              {impact && <ThemedText.Body2 color={impact.warning}> ({impact.toString()})</ThemedText.Body2>}
             </USDC>
             {balance && (
               <Row gap={0.5}>

src/components/Swap/Summary/index.tsx

@@ -192,8 +192,10 @@ export function SummaryDialog({
           height={6}
           gap={open ? 0 : 0.75}
         >
-          <Details trade={trade} slippage={slippage} gasUseEstimateUSD={gasUseEstimateUSD} impact={impact} />
-          <Estimate trade={trade} slippage={slippage} />
+          <Column gap={0.5}>
+            <Details trade={trade} slippage={slippage} gasUseEstimateUSD={gasUseEstimateUSD} impact={impact} />
+            <Estimate trade={trade} slippage={slippage} />
+          </Column>
         </Expando>
 
         <ConfirmButton trade={trade} highPriceImpact={impact?.warning === 'error'} onConfirm={onConfirm} />