diff options
| author | Andrej Mihajlov <and@codeispoetry.ru> | 2017-02-20 17:47:04 +0000 |
|---|---|---|
| committer | Andrej Mihajlov <and@codeispoetry.ru> | 2017-02-20 17:47:04 +0000 |
| commit | 98511bdfdfebefbb4f609db8783b3eaecf9a2f1e (patch) | |
| tree | 52cf97bfbf3f3a746bad026c2794a4d1bb22a524 /app/components | |
| parent | 91ebdc24cf84754f4cd29606815f428dcff9cdd5 (diff) | |
| download | mullvadvpn-98511bdfdfebefbb4f609db8783b3eaecf9a2f1e.tar.xz mullvadvpn-98511bdfdfebefbb4f609db8783b3eaecf9a2f1e.zip | |
Adjust UI styles
Diffstat (limited to 'app/components')
| -rw-r--r-- | app/components/Connect.css | 7 | ||||
| -rw-r--r-- | app/components/Connect.js | 4 |
2 files changed, 8 insertions, 3 deletions
diff --git a/app/components/Connect.css b/app/components/Connect.css index be846b5b76..7e6de03e94 100644 --- a/app/components/Connect.css +++ b/app/components/Connect.css @@ -47,15 +47,20 @@ font-weight: 800; line-height: 17px; color: rgba(255,255,255,0.8); + text-transform: uppercase; + flex: 0 0 auto; } .connect__server-country { - margin-left: auto; + flex: 1 1 auto; + margin-left: 8px; font-family: DINPro; font-size: 20px; font-weight: 900; line-height: 26px; color: #FFFFFF; + text-transform: uppercase; + text-align: right; } .connect__secure-button { diff --git a/app/components/Connect.js b/app/components/Connect.js index efdf5a5512..9dda61c2ee 100644 --- a/app/components/Connect.js +++ b/app/components/Connect.js @@ -23,8 +23,8 @@ export default class Connect extends Component { <div className="connect__row"> <div className="connect__server" onClick={ ::this.openLocationPicker }> - <div className="connect__server-label">CONNECT TO</div> - <div className="connect__server-country">USA</div> + <div className="connect__server-label">Connect to</div> + <div className="connect__server-country">{ this.props.settings.preferredServer }</div> </div> </div> |