summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorErik Larkö <erik@mullvad.net>2017-11-10 13:48:45 +0100
committerErik Larkö <erik@mullvad.net>2017-11-10 15:48:06 +0100
commitfaac95e3b8e713bd0b19981f260146d2ddb763de (patch)
treeec18c78cc474d3f1ded3dec4bc9494e7fb4fa58c
parent2c1f1e2e28ef850237b7413b2aae891a718aee7e (diff)
downloadmullvadvpn-faac95e3b8e713bd0b19981f260146d2ddb763de.tar.xz
mullvadvpn-faac95e3b8e713bd0b19981f260146d2ddb763de.zip
Fix small comments from Matt
-rw-r--r--app/components/AdvancedSettings.js11
-rw-r--r--app/components/Settings.css6
2 files changed, 11 insertions, 6 deletions
diff --git a/app/components/AdvancedSettings.js b/app/components/AdvancedSettings.js
index 37eac1cb5b..227499a1a8 100644
--- a/app/components/AdvancedSettings.js
+++ b/app/components/AdvancedSettings.js
@@ -108,7 +108,9 @@ class Selector extends React.Component {
key={ value }
className={ 'settings__cell settings__sub-cell' }
onClick={ onCellClick } >
- <div className="settings__cell-label">{ value }</div>
+ <div className="settings__cell-label">
+ <div className="settings__sub-cell--label">{ value }</div>
+ </div>
</div>;
}
}
@@ -118,10 +120,13 @@ function BaseLayout(props) {
<Header hidden={ true } style={ 'defaultDark' } />
<Container>
<div className="settings">
- <button className="settings__close" onClick={ props.onClose } />
+ <div className="support__close" onClick={ props.onClose }>
+ <img className="support__close-icon" src="./assets/images/icon-back.svg" />
+ <span className="support__close-title">Settings</span>
+ </div>
<div className="settings__container">
<div className="settings__header">
- <h2 className="settings__title">Advanced Settings</h2>
+ <h2 className="settings__title">Advanced</h2>
</div>
<CustomScrollbars autoHide={ true }>
<div className="settings__content">
diff --git a/app/components/Settings.css b/app/components/Settings.css
index 00067a1074..ee4a90b6b9 100644
--- a/app/components/Settings.css
+++ b/app/components/Settings.css
@@ -97,18 +97,18 @@
}
.settings__sub-cell {
- background-color: rgb(36, 57, 84);
+ background-color: rgb(36, 57, 84);
}
.settings__sub-cell:hover {
background-color: rgba(41,71,115,0.9);
}
.settings__sub-cell--label {
- padding-left: 15px;
+ padding-left: 15px;
}
.settings__sub-cell--label img {
- padding-right: 8px;
+ padding-right: 8px;
}
.settings__account-paid-until-label {