diff options
| -rw-r--r-- | app/components/Settings.css | 4 | ||||
| -rw-r--r-- | app/components/Settings.js | 6 |
2 files changed, 6 insertions, 4 deletions
diff --git a/app/components/Settings.css b/app/components/Settings.css index 862d2fa13d..aff3cf55be 100644 --- a/app/components/Settings.css +++ b/app/components/Settings.css @@ -81,10 +81,10 @@ } .settings__cell-icon { - width: 24px; - height: 24px; + width: 16px; flex: 0 0 auto; margin-right: 8px; + opacity: 0.8; } .settings__cell-value { diff --git a/app/components/Settings.js b/app/components/Settings.js index 9d8d6db149..f31a8913ca 100644 --- a/app/components/Settings.js +++ b/app/components/Settings.js @@ -86,7 +86,7 @@ export default class Settings extends Component { </div> </div> <div className="settings__cell-footer"> - When this device connects to the internet it will automatically connect to a secure server + When this device connects to the internet, Mullvad VPN will automatically secure your connection </div> </div> </Then> @@ -94,13 +94,15 @@ export default class Settings extends Component { <div className="settings__cell settings__cell--active" onClick={ this.onExternalLink.bind(this, 'faq') }> <div className="settings__cell-label">FAQs</div> + <img className="settings__cell-icon" src="./assets/images/icon-extLink.svg" /> </div> <div className="settings__cell settings__cell--active" onClick={ this.onExternalLink.bind(this, 'guides') }> <div className="settings__cell-label">Guides</div> + <img className="settings__cell-icon" src="./assets/images/icon-extLink.svg" /> </div> <div className="settings__cell settings__cell--active" onClick={ this.onExternalLink.bind(this, 'supportEmail') }> - <img className="settings__cell-icon" src="./assets/images/icon-email.svg" /> <div className="settings__cell-label">Contact support</div> + <img className="settings__cell-icon" src="./assets/images/icon-email.svg" /> </div> </div> |