Update signin.client.view.html (#931)

* Update signin.client.view.html Login: make signup button at login page more prominent #891 as a solution to [this](#891) * Update signin.client.view.html moved comment line hide duplicate sign up and back buttons from mobile. * Update authentication.less make signup button more visible on aurora background * Update signin.client.view.html make signup button more visible on aurora background * Update signin.client.view.html typo in class
Trustroots · Dec 13, 2018 · 7b7e095 · 7b7e095
1 parent 8b86ead
commit 7b7e095
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 22 deletions.
diff --git a/modules/users/client/less/authentication.less b/modules/users/client/less/authentication.less
@@ -29,3 +29,7 @@
     box-shadow: none;
   }
 }
+
+.board-nordiclights .btn-signup {
+  background: rgba(73, 54, 76, 0.3);
+}
diff --git a/modules/users/client/views/authentication/signin.client.view.html b/modules/users/client/views/authentication/signin.client.view.html
@@ -49,43 +49,41 @@
                   </span>
                 </div>
               </div>
-              <a ui-sref="forgot({ userhandle: auth.credentials.username })"
-                 class="btn btn-inverse"
-                 ng-class="{ 'btn-lg btn-block': auth.authError }"
-                 tabindex="4">
-                Forgot?
-                <span ng-if="auth.authError" class="hidden-xs">
-                  Recover your password
-                </span>
-              </a>
-              <div class="text-center form-group">
-                <br><br>
+              <div class="form-group">
                 <button type="submit"
-                        class="btn btn-default btn-action"
+                        class="btn btn-default btn-lg"
                         ng-disabled="auth.isLoading"
                         tabindex="3">
                   <span ng-if="!auth.isLoading">
                     {{ auth.continue ? 'Sign in to continue' : 'Login' }}
                   </span>
                   <span ng-if="auth.isLoading">Wait...</span>
                 </button>
+                <span class="btn space-h"></span>
+                <a ui-sref="forgot({ userhandle: auth.credentials.username })"
+                   class="btn-link"
+                   ng-class="{ 'btn-lg btn-link': auth.authError }"
+                   tabindex="4">
+                  Forgot?
+                  <span ng-if="auth.authError" class="hidden-xs">
+                    Recover your password
+                  </span>
+                </a>
               </div>
             </fieldset>
           </form>
-        </div>
-      </div><!-- .row-->
-
-      <!-- For bigger screens -->
-      <div class="row hidden-xs">
-        <div class="col-xs-12 text-center text-white">
-          <p>
+          <!-- For bigger screens -->
+          <div class="text-white hidden-xs">
             <br>
-            <a ui-sref="home" class="btn btn-inverse">Back home</a>
-            <a ui-sref="signup" class="btn btn-inverse">Become a member</a>
-          </p>
+            <a ui-sref="signup" class="btn btn-inverse btn-lg btn-signup">Become a member</a>
+            <span>&nbsp;&nbsp;or&nbsp;&nbsp;</span>
+            <a ui-sref="home" class="link">Back home</a>
+          </div>
         </div>
       </div><!-- .row-->
 
+
+
       <!-- For smaller screens -->
       <nav class="navbar navbar-default navbar-fixed-bottom visible-xs-block">
         <div class="container">