fix: update TokenDetails layout sizing (#4750)

src/components/Widget/index.tsx

@@ -10,7 +10,7 @@ import { useSyncWidgetInputs } from './inputs'
 import { useSyncWidgetSettings } from './settings'
 import { useSyncWidgetTransactions } from './transactions'
 
-export const WIDGET_WIDTH = 320
+export const WIDGET_WIDTH = 360
 
 const WIDGET_ROUTER_URL = 'https://api.uniswap.org/v1/'
 

src/pages/TokenDetails/index.tsx

@@ -45,7 +45,7 @@ export const Footer = styled.div`
 `
 export const TokenDetailsLayout = styled.div`
   display: flex;
-  gap: 80px;
+  gap: 60px;
   padding: 68px 20px;
   width: 100%;
   justify-content: center;
@@ -77,7 +77,7 @@ export const TokenDetailsLayout = styled.div`
   }
 `
 export const LeftPanel = styled.div`
-  max-width: 832px;
+  max-width: 780px;
   overflow: hidden;
 `
 export const RightPanel = styled.div`