Move location of 'Change server' link on main screen for better visibility (#268)

2 files changed, 12 insertions, 9 deletions

diff --git a/src/components/auth/Welcome.js b/src/components/auth/Welcome.js
index ec4e7b68a..d595aef3d 100644
--- a/src/components/auth/Welcome.js
+++ b/src/components/auth/Welcome.js
@@ -60,6 +60,11 @@ class Welcome extends Component {
             <H1>Ferdium</H1>
           </div>
         </div>
+        <Link to={changeServerRoute} className="button__change-server">
+            <span>
+              {intl.formatMessage(messages.changeServer)}
+            </span>
+        </Link>
         <div className="welcome__buttons">
           <Link to={signupRoute} className="button button__inverted">
             {intl.formatMessage(messages.signupButton)}
@@ -67,15 +72,6 @@ class Welcome extends Component {
           <Link to={loginRoute} className="button">
             {intl.formatMessage(messages.loginButton)}
           </Link>
-          <Link to={changeServerRoute}>
-            <span
-              style={{
-                color: '#fff'
-              }}
-            >
-              {intl.formatMessage(messages.changeServer)}
-            </span>
-          </Link>
           <br />
           <br />
           <hr />
diff --git a/src/styles/welcome.scss b/src/styles/welcome.scss
index 59f3a6ca3..09d02d2eb 100644
--- a/src/styles/welcome.scss
+++ b/src/styles/welcome.scss
@@ -68,6 +68,13 @@
       background: none;
       color: #fff;
     }
+
+    &__change-server {
+      display: flex;
+      width: 30%;
+      margin: 5% auto 5% auto;
+      justify-content: center;
+    }
   }
 
   &__featured-services {