From ce9807c58beb8a2fc3b07ea91125a982a3d1ba0b Mon Sep 17 00:00:00 2001
From: Phil <pbal@fordham.edu>
Date: Sun, 17 Mar 2024 13:34:54 -0600
Subject: [PATCH] Even more wording

---
 src/pages/tradingPairs/index.tsx | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/pages/tradingPairs/index.tsx b/src/pages/tradingPairs/index.tsx
index 1a48c504..935a2baa 100644
--- a/src/pages/tradingPairs/index.tsx
+++ b/src/pages/tradingPairs/index.tsx
@@ -547,9 +547,16 @@ export default function TradingPairs() {
                 <>
                   <Text
                     fontFamily="monospace"
-                    paddingBottom={"1em"}
+                    paddingBottom={"0em"}
                     fontSize={"md"}
                   >{`${asset1Token!.symbol} / ${asset2Token!.symbol}`}</Text>
+                  <Text
+                    fontSize={"sm"}
+                    fontFamily="monospace"
+                    paddingBottom={"1em"}
+                  >
+                    Synthetic Liquidity
+                  </Text>
                   {/* Note the reversal of names here since buy and sell side is inverted at this stage (i.e. sell side == buy demand side) */}
                   <DepthChart
                     buySideData={depthChartMultiHopAsset1SellPoints}
@@ -558,14 +565,20 @@ export default function TradingPairs() {
                     asset2Token={asset2Token!}
                   />
                 </>
-              ) : 
-              (
+              ) : (
                 <>
                   <Text
                     fontFamily="monospace"
-                    paddingBottom={"1em"}
+                    paddingBottom={"0em"}
                     fontSize={"md"}
                   >{`${asset1Token!.symbol} / ${asset2Token!.symbol}`}</Text>
+                  <Text
+                    fontSize={"sm"}
+                    fontFamily="monospace"
+                    paddingBottom={"1em"}
+                  >
+                    Synthetic Liquidity
+                  </Text>
                   <DepthChart
                     buySideData={depthChartSingleHopAsset1SellPoints}
                     sellSideData={depthChartSingleHopAsset1BuyPoints}
@@ -573,8 +586,7 @@ export default function TradingPairs() {
                     asset2Token={asset2Token!}
                   />
                 </>
-              )
-              }
+              )}
             </VStack>
           </Box>
         </Center>