fix(Addresses): Imported address warning icon spacing and aligning to…

… first line
blockchain · Jul 31, 2018 · aa80149 · aa80149
1 parent 949cc2c
commit aa80149
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/...allet-v4-frontend/src/scenes/Settings/Addresses/Bch/ImportedAddresses/template.success.js b/...allet-v4-frontend/src/scenes/Settings/Addresses/Bch/ImportedAddresses/template.success.js
@@ -24,9 +24,9 @@ const ImportedAddressesSettingHeader = SettingHeader.extend`
 `
 const WarningWrapper = styled.div`
   display: flex;
-  align-items: center;
   .warning-icon {
-    margin-right: 4px;
+    margin-right: 7px;
+    float: left;
   }
 `
 

diff --git a/...allet-v4-frontend/src/scenes/Settings/Addresses/Btc/ImportedAddresses/template.success.js b/...allet-v4-frontend/src/scenes/Settings/Addresses/Btc/ImportedAddresses/template.success.js
@@ -24,9 +24,9 @@ const ImportedAddressesSettingHeader = SettingHeader.extend`
 
 const WarningWrapper = styled.div`
   display: flex;
-  align-items: center;
   .warning-icon {
-    margin-right: 4px;
+    margin-right: 7px;
+    float: left;
   }
 `
 const ClickableText = styled(Text)`
@@ -100,7 +100,7 @@ const Success = ({
         <WarningWrapper>
           <Icon
             name='alert-filled'
-            size='22px'
+            size='20px'
             className={'warning-icon'}
             color='brand-yellow'
           />