1 files changed, 54 insertions, 33 deletions
diff --git a/gn_auth/templates/oauth2/authorise-user.html b/gn_auth/templates/oauth2/authorise-user.html
index 2ef22af..f186167 100644
--- a/gn_auth/templates/oauth2/authorise-user.html
+++ b/gn_auth/templates/oauth2/authorise-user.html
@@ -2,44 +2,65 @@
 
 {%block title%}Authorise User{%endblock%}
 
-{%block pagetitle%}Authenticate to the API Server{%endblock%}
+{%block pagetitle%}{%endblock%}
 
 {%block content%}
 {{flash_messages()}}
+<div class="container" style="min-width: 1250px;">
+  <form method="POST"
+        class="form-horizontal"
+        action="{{url_for(
+                'oauth2.auth.authorise',
+                response_type=response_type,
+                client_id=client.client_id,
+                redirect_uri=redirect_uri)}}"
+        style="max-width: 700px;">
+    <legend style="margin-top: 20px;">Sign In</legend>
 
-<form method="POST" action="{{url_for(
-                            'oauth2.auth.authorise',
-                            response_type=response_type,
-                            client_id=client.client_id,
-                            redirect_uri=redirect_uri)}}">
-  <input type="hidden" name="response_type" value="{{response_type}}" />
-  <input type="hidden" name="redirect_uri" value="{{redirect_uri}}" />
-  <input type="hidden" name="scope" value="{{scope | join(' ')}}" />
-  <input type="hidden" name="client_id" value="{{client.client_id}}" />
+    <input type="hidden" name="response_type" value="{{response_type}}" />
+    <input type="hidden" name="redirect_uri" value="{{redirect_uri}}" />
+    <input type="hidden" name="scope" value="{{scope | join(' ')}}" />
+    <input type="hidden" name="client_id" value="{{client.client_id}}" />
 
-  <legend>User Credentials</legend>
-  <div class="form-group">
-    <label for="user:email" class="form-label">Email</label>
-    <input type="email" name="user:email" id="user:email" required="required"
-	   class="form-control"/>
-  </div>
+    <div class="form-group">
+      <label for="user:email" class="control-label col-xs-2"
+             style="text-align: left;">Email</label>
+      <div class="col-xs-10">
+        <input type="email"
+               name="user:email"
+               id="user:email"
+               required="required"
+	       class="form-control" />
+      </div>
+    </div>
 
-  <div class="form-group">
-    <label for="user:password" class="form-label">Password</label>
-    <input type="password" name="user:password" id="user:password"
-	   required="required" class="form-control" />
-  </div>
+    <div class="form-group">
+      <label for="user:password" class="control-label col-xs-2"
+             style="text-align: left;">Password</label>
+      <div class="col-xs-10">
+        <input type="password"
+               name="user:password"
+               id="user:password"
+	       required="required"
+               class="form-control" />
+      </div>
+    </div>
 
-  <div class="form-group">
-    <input type="submit" value="authorise" class="btn btn-primary" />
-    {%if display_forgot_password%}
-    <a href="{{url_for('oauth2.users.forgot_password',
-             client_id=client.client_id,
-             redirect_uri=redirect_uri,
-             response_type=response_type)}}"
-       title="Click here to change your password."
-       class="form-text text-danger">Forgot Password</a>
-    {%endif%}
-  </div>
-</form>
+    <div class="form-group">
+      <div class="controls col-xs-offset-2 col-xs-10">
+        <input type="submit" value="Sign in" class="btn btn-primary" />
+        {%if display_forgot_password%}
+        <a href="{{url_for('oauth2.users.forgot_password',
+                 client_id=client.client_id,
+                 redirect_uri=redirect_uri,
+                 response_type=response_type)}}"
+           title="Click here to change your password."
+           class="form-text text-danger">Forgot Password</a>
+        {%endif%}
+      </div>
+    </div>
+    <hr>
+    <a href="{{ source_uri }}/oauth2/user/register" class="btn btn-primary" role="button">Create a New Account</a>
+  </form>
+</div>
 {%endblock%}