From 1f5ca56daede659ce1953d459bc51c0c2971868f Mon Sep 17 00:00:00 2001
From: zsloan
Date: Fri, 20 Dec 2024 19:51:32 +0000
Subject: Change log-in page template HTML

- Limit width of email/password input fields so they don't stretch
across the entire screen
- Change 'Authorise' to 'Log in'
- Put fields in columns and align the 'Log in' button with the text
fields (couldn't figure out a good way to do this, so did something
weird with a negative margin on the button)
---
 gn_auth/templates/oauth2/authorise-user.html | 29 +++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

(limited to 'gn_auth')

diff --git a/gn_auth/templates/oauth2/authorise-user.html b/gn_auth/templates/oauth2/authorise-user.html
index daae3b6..7474464 100644
--- a/gn_auth/templates/oauth2/authorise-user.html
+++ b/gn_auth/templates/oauth2/authorise-user.html
@@ -18,27 +18,30 @@
   <input type="hidden" name="scope" value="{{scope | join(' ')}}" />
   <input type="hidden" name="client_id" value="{{client.client_id}}" />
   <div class="form-group">
-    <label for="user:email" class="form-label">Email</label>
+    <label for="user:email" class="form-label col-xs-1">Email</label>
     <input type="email" name="user:email" id="user:email" required="required"
-	   class="form-control"/>
+	   class="controls col-xs-3" size="50"/>
   </div>
 
   <div class="form-group">
-    <label for="user:password" class="form-label">Password</label>
+    <label for="user:password" class="form-label col-xs-1">Password</label>
     <input type="password" name="user:password" id="user:password"
-	   required="required" class="form-control" />
+	   required="required" class="controls col-xs-3" size="50"/>
   </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%}
+    <label for="authorise" class="form-label col-xs-1"></label>
+    <div class="controls col-xs-3">
+      <input type="submit" value="Log in" class="btn btn-primary col-2" style="margin-left: -15px;"/>
+      {%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 col-2">Forgot Password</a>
+      {%endif%}
+    </div>
   </div>
 </form>
 </div>
-- 
cgit v1.2.3