Merge pull request #85 from terraswap/hotfix/provide-button

fix: Dashboard/Pair
terraswap · Mar 11, 2022 · 760820b · 760820b
2 parents 86cab69 + 6983cf5
commit 760820b
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/src/pages/Dashboard/Pair.tsx b/src/pages/Dashboard/Pair.tsx
@@ -106,22 +106,38 @@ const PairPage = () => {
               justifyContent: "flex-start",
               alignItems: "flex-end",
               gap: 10,
+              flex: 1,
             }}
           >
             <div style={{ fontSize: 26, fontWeight: 700, lineHeight: "1" }}>
               {pair?.token0?.symbol}-{pair?.token1?.symbol}
             </div>
             <div className="desktop-only">{pair?.pairAddress}</div>
-            <Copy value={pair?.pairAddress} />
+            <div className="desktop-only">
+              <Copy value={pair?.pairAddress} />
+            </div>
+            <div className="mobile-only" style={{ marginLeft: "auto" }}>
+              <Copy value={pair?.pairAddress} />
+            </div>
           </div>
-          <div style={{ marginLeft: "auto" }}>
+          <div className="desktop-only" style={{ marginLeft: "auto" }}>
             <ProvideButton
               to={`/swap?from=${pair?.token0?.tokenAddress}&to=${pair?.token1?.tokenAddress}&type=provide`}
             >
               Provide Liquidity
             </ProvideButton>
           </div>
         </div>
+        <div
+          className="mobile-only"
+          style={{ textAlign: "center", margin: "10px 0" }}
+        >
+          <ProvideButton
+            to={`/swap?from=${pair?.token0?.tokenAddress}&to=${pair?.token1?.tokenAddress}&type=provide`}
+          >
+            Provide Liquidity
+          </ProvideButton>
+        </div>
         <Summary
           data={[
             {