fix(widgets): remove trading header (#3263)

* fix(widgets): remove trading header

* correct height for removed title, more scalable/consistent transform values

* 347->346 height

src/lib/components/Swap/Input.tsx

@@ -1,4 +1,3 @@
-import { Trans } from '@lingui/macro'
 import { useLingui } from '@lingui/react'
 import { useUSDCValue } from 'hooks/useUSDCPrice'
 import { useAtomValue } from 'jotai/utils'
@@ -78,11 +77,6 @@ export default function Input({ disabled, focused }: InputProps) {
 
   return (
     <InputColumn gap={0.5} approved={mockApproved}>
-      <Row>
-        <ThemedText.Subhead2 color="secondary">
-          <Trans>Trading</Trans>
-        </ThemedText.Subhead2>
-      </Row>
       <TokenInput
         currency={swapInputCurrency}
         amount={(swapInputAmount !== undefined ? swapInputAmount : inputCurrencyAmount?.toSignificant(6)) ?? ''}

src/lib/components/Swap/ReverseButton.tsx

@@ -9,8 +9,7 @@ import Row from '../Row'
 const ReverseRow = styled(Row)`
   left: 50%;
   position: absolute;
-  top: 7.45em;
-  transform: translateX(-50%);
+  transform: translate(-50%, -50%);
   z-index: ${Layer.OVERLAY};
 `
 

src/lib/components/Widget.tsx

@@ -41,7 +41,7 @@ const WidgetWrapper = styled.div<{ width?: number | string }>`
   font-size: 16px;
   font-smooth: always;
   font-variant: none;
-  height: 368px;
+  height: 346px;
   min-width: 300px;
   padding: 0.25em;
   position: relative;