From 71525e64d00eda329f8c9a87c300b98526113679 Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Tue, 4 Jul 2023 10:48:30 +0300
Subject: Fix minor UI bug

---
 gn3/templates/oauth2/authorise-user.html | 31 +++++++++++++++++++------------
 gn3/templates/oauth2/oauth2_error.html   |  4 ++--
 2 files changed, 21 insertions(+), 14 deletions(-)

(limited to 'gn3/templates')

diff --git a/gn3/templates/oauth2/authorise-user.html b/gn3/templates/oauth2/authorise-user.html
index d40379f..33c5b16 100644
--- a/gn3/templates/oauth2/authorise-user.html
+++ b/gn3/templates/oauth2/authorise-user.html
@@ -2,11 +2,11 @@
 
 {%block title%}Authorise User{%endblock%}
 
+{%block pagetitle%}Authenticate to the API Server{%endblock%}
+
 {%block content%}
 {{flash_messages()}}
 
-<h1>Authenticate to the API Server</h1>
-
 <form method="POST" action="#">
   <input type="hidden" name="response_type" value="{{response_type}}" />
   <input type="hidden" name="scope" value="{{scope | join(' ')}}" />
@@ -17,24 +17,31 @@
   <fieldset>
     <legend>Scope</legend>
     {%for scp in scope%}
-    <input id="scope:{{scp}}" type="checkbox" name="scope[]" value="{{scp}}"
-	   checked="checked" disabled="disabled" />
-    <label for="scope:{{scp}}">{{scp}}</label>
-    <br />
+    <div class="checkbox disabled">
+      <label for="scope:{{scp}}">
+	<input id="scope:{{scp}}" type="checkbox" name="scope[]" value="{{scp}}"
+	       checked="checked" disabled="disabled" />
+	{{scp}}
+      </label>
+    </div>
     {%endfor%}
   </fieldset>
 
   <fieldset>
     <legend>User Credentials</legend>
-    <label for="user:email">Email</label>
-    <input type="email" name="user:email" id="user:email" required="required" />
-    <br />
+    <fieldset 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"/>
+    </fieldset>
 
-    <label for="user:password">Password</label>
+    <fieldset class="form-group">
+    <label for="user:password" class="form-label">Password</label>
     <input type="password" name="user:password" id="user:password"
-	   required="required" />
+	   required="required" class="form-control" />
+    </fieldset>
   </fieldset>
   
-  <input type="submit" value="authorise" />
+  <input type="submit" value="authorise" class="btn btn-primary" />
 </form>
 {%endblock%}
diff --git a/gn3/templates/oauth2/oauth2_error.html b/gn3/templates/oauth2/oauth2_error.html
index 4edf9c4..ec9a500 100644
--- a/gn3/templates/oauth2/oauth2_error.html
+++ b/gn3/templates/oauth2/oauth2_error.html
@@ -2,11 +2,11 @@
 
 {%block title%}OAuth2 Error{%endblock%}
 
+{%block pagetitle%}Error: {{error.status_code}}{%endblock%}
+
 {%block content%}
 {{flash_messages()}}
 
-<h1>Error: {{error.status_code}}</h1>
-
 There was an error trying to fulfill your request:
 
 <p>
-- 
cgit v1.2.3