diff options
| author | anderklander <anderklander@gmail.com> | 2018-04-04 13:27:00 +0200 |
|---|---|---|
| committer | anderklander <anderklander@gmail.com> | 2018-04-11 13:45:42 +0200 |
| commit | cc10334d7b5c5913390de7f7c3040f9a7d0fc9bb (patch) | |
| tree | 5570e2cc9e827f25e2ee43c57078107e7895dca7 | |
| parent | 8eae6fc143828577940adf7da1c77269fc1c2a4f (diff) | |
| download | mullvadvpn-cc10334d7b5c5913390de7f7c3040f9a7d0fc9bb.tar.xz mullvadvpn-cc10334d7b5c5913390de7f7c3040f9a7d0fc9bb.zip | |
Tick-icon alignment
| -rw-r--r-- | app/components/SelectLocation.js | 4 | ||||
| -rw-r--r-- | app/components/SelectLocationStyles.js | 4 |
2 files changed, 6 insertions, 2 deletions
diff --git a/app/components/SelectLocation.js b/app/components/SelectLocation.js index 891e987ab7..202034bd41 100644 --- a/app/components/SelectLocation.js +++ b/app/components/SelectLocation.js @@ -155,7 +155,7 @@ export default class SelectLocation extends React.Component<SelectLocationProps, testName='country'> { isSelected ? - <Img source='icon-tick' height='24' width='24' /> : + <Img style={ styles.tick_icon } source='icon-tick' height='24' width='24' /> : this._relayStatusIndicator(relayCountry.hasActiveRelays) } <Label> @@ -201,7 +201,7 @@ export default class SelectLocation extends React.Component<SelectLocationProps, ref={onRef}> { isSelected ? - <Img source='icon-tick' height='24' width='24' /> : + <Img style={ styles.tick_icon } source='icon-tick' height='24' width='24' /> : this._relayStatusIndicator(relayCity.hasActiveRelays) } <Label> diff --git a/app/components/SelectLocationStyles.js b/app/components/SelectLocationStyles.js index 4e7c2f2a56..fe5768d9f2 100644 --- a/app/components/SelectLocationStyles.js +++ b/app/components/SelectLocationStyles.js @@ -40,6 +40,10 @@ export default { relay_status__active: { backgroundColor: colors.green90, }, + tick_icon: { + marginLeft: 4, + marginRight: 4, + }, country: { flexDirection: 'column', flex: 0, |