Improved login/register page.

app/client/templates/communityStation.html

@@ -7,9 +7,9 @@
                     <!--li><a id="vote-skip" class="tooltipped" data-position="bottom" data-delay="50" data-tooltip="Vote to skip this song"><i class="material-icons left">skip_next</i>{{votes}}</a></li-->
                     {{#if isCommunityStationOwner name}}
                         {{#if playing}}
-                            <li style="margin-left: 134px;"><a id="pause" data-position="bottom" data-delay="50" data-tooltip="Pause this room" data-activates="chat-slide-out" class="tooltipped"><i class="material-icons">pause</i></a></li>
+                            <li style="margin-left: 144px;"><a id="pause" data-position="bottom" data-delay="50" data-tooltip="Pause this room" data-activates="chat-slide-out" class="tooltipped"><i class="material-icons">pause</i></a></li>
                         {{else}}
-                            <li style="margin-left: 134px;"><a id="play" data-position="bottom" data-delay="50" data-tooltip="Play this room" data-activates="chat-slide-out" class="tooltipped"><i class="material-icons">play_arrow</i></a></li>
+                            <li style="margin-left: 144px;"><a id="play" data-position="bottom" data-delay="50" data-tooltip="Play this room" data-activates="chat-slide-out" class="tooltipped"><i class="material-icons">play_arrow</i></a></li>
                         {{/if}}
                         <li><a id="skip" data-position="bottom" data-delay="50" data-tooltip="Skip this song" data-activates="chat-slide-out" class="tooltipped"><i class="material-icons">skip_next</i></a></li>
                         <li><a id="edit_room" href="#edit_room_modal" data-position="bottom" data-delay="50" data-tooltip="Edit this room" data-activates="chat-slide-out" class="tooltipped"><i class="material-icons">settings</i></a></li>

app/client/templates/loginRegister.html

@@ -2,7 +2,7 @@
     {{> header}}
     <main>
         <div class="container row">
-            <form class="col s12" id="login_form">
+            <form class="col s12" id="login_form" style="margin-bottom: 40px;">
                 <h1>Login</h1>
                 <div class="row">
                     <div class="input-field col s6">
@@ -16,14 +16,13 @@
                         <label for="login_password">Password</label>
                     </div>
                 </div>
-                <button class="btn waves-effect waves-light" type="submit" name="action">Submit
+                <button class="btn waves-effect waves-light" type="submit" name="action">Log in
                     <i class="material-icons right">send</i>
                 </button>
             </form>
-            <button id="github-login" class="btn waves-effect waves-light grey login-btn">Login With GitHub</button>
             <hr class="center-block" style="width: 99%">
             <h1>Register</h1>
-            <form class="col s12" id="register_form">
+            <form class="col s12" id="register_form" style="margin-bottom: 40px;">
                 <div class="row">
                     <div class="input-field col s6">
                         <input id="register_username" type="text" class="validate">
@@ -47,10 +46,11 @@
                     </p>
                 </div>
                 {{> reCAPTCHA}}
-                <button class="btn waves-effect waves-light register" type="submit" name="action">Submit
+                <button class="btn waves-effect waves-light register" type="submit" name="action">Register
                     <i class="material-icons right">send</i>
                 </button>
             </form>
+            <hr class="center-block" style="width: 99%; margin-bottom: 20px;">
             <button id="github-login" class="btn waves-effect waves-light grey login-btn">Login With GitHub</button>
         </div>
     </main>