Fix pool cards width (#262)

* update pool cards grid to 3 columns maximum

* fix rewards spacing

Author: rawasabi

features/liquidity/components/PoolCard.tsx

@@ -123,7 +123,7 @@ export const PoolCard = ({
                 <Text variant="legend" color="secondary" align="center">
                   Rewards
                 </Text>
-                <StyledDivForTokenLogos css={{ paddingTop: '0' }}>
+                <StyledDivForTokenLogos css={{ padding: '$1' }}>
                   {rewardsTokens.map((token) => (
                     <ImageForTokenLogo
                       key={token.symbol}

pages/pools/index.tsx

@@ -197,14 +197,10 @@ const useSortControllers = () => {
 
 const StyledDivForPoolsGrid = styled('div', {
   display: 'grid',
-  gridTemplateColumns: '1fr 1fr 1fr 1fr',
+  gridTemplateColumns: '1fr 1fr 1fr',
   columnGap: '$8',
   rowGap: '$8',
 
-  '@media (max-width: 1550px)': {
-    gridTemplateColumns: '1fr 1fr 1fr',
-  },
-
   '@media (max-width: 1360px)': {
     gridTemplateColumns: '1fr 1fr',
     columnGap: '$10',