feat(settings): fixed alignemnt

blockchain · Feb 24, 2021 · 2687a34 · 2687a34
1 parent 9433ecb
commit 2687a34
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/...ages/blockchain-wallet-v4-frontend/src/modals/Settings/TradingLimits/template.success.tsx b/...ages/blockchain-wallet-v4-frontend/src/modals/Settings/TradingLimits/template.success.tsx
@@ -42,15 +42,19 @@ const IconsContainer = styled.div`
   justify-content: flex-end;
   width: 100%;
 `
-const ContentItem = styled.div<{ isClickable?: boolean }>`
+
+const Item = styled.div<{ isClickable?: boolean }>`
   border-top: 1px solid ${props => props.theme.grey000};
   padding: 20px 40px;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  align-items: center;
   cursor: ${props => (props.isClickable ? 'pointer' : 'auto')};
 `
+
+const ContentItem = styled(Item)`
+  align-items: center;
+`
 const IconWrapper = styled.div`
   display: flex;
   flex-direction: row;
@@ -244,7 +248,7 @@ const Template: React.FC<Props> = props => {
       </HeaderWrapper>
 
       <MainContent>
-        <ContentItem
+        <Item
           onClick={() =>
             isUserVerifiedSilver
               ? null
@@ -290,9 +294,9 @@ const Template: React.FC<Props> = props => {
           </TierDescription>
 
           {getTierStatus(currentTier, TIER_TYPES.SILVER, silverTier)}
-        </ContentItem>
+        </Item>
 
-        <ContentItem
+        <Item
           onClick={() =>
             isUserGold || isGoldInreview
               ? null
@@ -352,7 +356,7 @@ const Template: React.FC<Props> = props => {
             TIER_TYPES.GOLD,
             goldTier
           )}
-        </ContentItem>
+        </Item>
 
         <ContentItem>
           <IconWrapper>