smaller close button in modals

src/components/Log/index.js

@@ -75,7 +75,7 @@ const Log = (props: Props): ?React$Element<string> => {
     return (
         <Wrapper>
             <Click onClick={props.toggle}>
-                <Icon size={14} color={colors.INFO_PRIMARY} icon={icons.CLOSE} />
+                <Icon size={12} color={colors.INFO_PRIMARY} icon={icons.CLOSE} />
             </Click>
             <H5>
                 <FormattedMessage {...l10nMessages.TR_LOG} />

src/components/modals/QrModal/index.js

@@ -134,7 +134,7 @@ class QrModal extends Component<Props, State> {
         return (
             <Wrapper>
                 <CloseLink onClick={this.handleCancel}>
-                    <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+                    <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
                 </CloseLink>
                 <Padding>
                     <H5>

src/components/modals/confirm/NoBackup/index.js

@@ -64,7 +64,7 @@ const Row = styled.div`
 const Confirmation = (props: Props) => (
     <Wrapper>
         <StyledLink onClick={() => props.onReceiveConfirmation(false)}>
-            <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+            <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
         </StyledLink>
         <H5>Your Trezor is not backed up</H5>
         <Icon size={48} color={colors.WARNING_PRIMARY} icon={icons.WARNING} />

src/components/modals/confirm/UnverifiedAddress/index.js

@@ -145,7 +145,7 @@ class ConfirmUnverifiedAddress extends PureComponent<Props> {
             <Wrapper>
                 <Content>
                     <StyledLink onClick={onCancel}>
-                        <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+                        <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
                     </StyledLink>
                     <H5>{deviceStatus}</H5>
                     <StyledP size="small">

src/components/modals/device/Duplicate/index.js

@@ -132,7 +132,7 @@ class DuplicateDevice extends PureComponent<Props, State> {
         return (
             <Wrapper>
                 <StyledLink onClick={onCancel}>
-                    <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+                    <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
                 </StyledLink>
                 <H5>Clone {device.label}?</H5>
                 <StyledP size="small">

src/components/modals/device/WalletType/index.js

@@ -108,7 +108,7 @@ class WalletType extends PureComponent<Props> {
             <Wrapper>
                 {device.state && (
                     <StyledLink onClick={onCancel}>
-                        <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+                        <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
                     </StyledLink>
                 )}
                 <StyledHeading>

src/components/modals/external/Cardano/index.js

@@ -45,7 +45,7 @@ const Img = styled.img`
 const CardanoWallet = (props: Props) => (
     <Wrapper>
         <StyledLink onClick={props.onCancel}>
-            <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+            <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
         </StyledLink>
         <Img src={CardanoImage} />
         <H5>

src/components/modals/external/Nem/index.js

@@ -42,7 +42,7 @@ const Img = styled.img`
 const NemWallet = (props: Props) => (
     <Wrapper>
         <StyledLink onClick={props.onCancel}>
-            <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+            <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
         </StyledLink>
         <H5>
             <FormattedMessage {...l10nMessages.TR_NEM_WALLET} />

src/components/modals/external/Stellar/index.js

@@ -45,7 +45,7 @@ const Img = styled.img`
 const StellarWallet = (props: Props) => (
     <Wrapper>
         <StyledLink onClick={props.onCancel}>
-            <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+            <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
         </StyledLink>
         <Img src={StellarImage} />
         <H5>

src/components/modals/external/Tezos/index.js

@@ -41,7 +41,7 @@ const Img = styled.img`
 const TezosWallet = (props: Props) => (
     <Wrapper>
         <StyledLink onClick={props.onCancel}>
-            <Icon size={14} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
+            <Icon size={12} color={colors.TEXT_SECONDARY} icon={icons.CLOSE} />
         </StyledLink>
         <Img src={TezosImage} />
         <H5>Tezos wallet</H5>

src/views/Landing/components/BetaDisclaimer/index.js

@@ -91,7 +91,7 @@ const BetaDisclaimer = (props: { close: () => void }) => (
                 />
             </StyledP>
             <StyledP>
-                <StyledIcon size={14} color={colors.WARNING_PRIMARY} icon={icons.WARNING} />
+                <StyledIcon size={12} color={colors.WARNING_PRIMARY} icon={icons.WARNING} />
                 <FormattedMessage
                     {...l10nMessages.TR_PLEASE_NOTE_THAT_THE_TREZOR}
                     values={{