From 26275ca5803f78fb34bf0018165e7be50319225f Mon Sep 17 00:00:00 2001
From: Jordan Frankfurt <jordanwfrankfurt@gmail.com>
Date: Thu, 10 Feb 2022 16:59:26 -0500
Subject: [PATCH] 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         | 6 ------
 src/lib/components/Swap/ReverseButton.tsx | 3 +--
 src/lib/components/Widget.tsx             | 2 +-
 3 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/Swap/Input.tsx b/src/lib/components/Swap/Input.tsx
index 10d02d2eaf..63c5a5f6bf 100644
--- a/src/lib/components/Swap/Input.tsx
+++ b/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)) ?? ''}
diff --git a/src/lib/components/Swap/ReverseButton.tsx b/src/lib/components/Swap/ReverseButton.tsx
index 8cb107f5da..747f363d02 100644
--- a/src/lib/components/Swap/ReverseButton.tsx
+++ b/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};
 `
 
diff --git a/src/lib/components/Widget.tsx b/src/lib/components/Widget.tsx
index bd79bd228f..4a3e88e9c2 100644
--- a/src/lib/components/Widget.tsx
+++ b/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;