[allura] branch master updated: [#8448] visual updates to layout and buttons

[dill0wn]

This is an automated email from the ASF dual-hosted git repository.

dill0wn pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/allura.git


The following commit(s) were added to refs/heads/master by this push:
     new c8830c4c8 [#8448] visual updates to layout and buttons
c8830c4c8 is described below

commit c8830c4c8e077802e2969feece6bcdc601604792
Author: Guillermo Cruz <guillermo.c...@slashdotmedia.com>
AuthorDate: Wed Jul 20 12:51:47 2022 -0600

    [#8448] visual updates to layout and buttons
---
 Allura/allura/templates/oauth_authorize.html | 47 +++++++++++++++++++---------
 1 file changed, 33 insertions(+), 14 deletions(-)

diff --git a/Allura/allura/templates/oauth_authorize.html 
b/Allura/allura/templates/oauth_authorize.html
index 71774429e..cd8f9655e 100644
--- a/Allura/allura/templates/oauth_authorize.html
+++ b/Allura/allura/templates/oauth_authorize.html
@@ -18,30 +18,49 @@
 -#}
 {% set hide_left_bar = True %}
 {% extends g.theme.master %}
-
+{% set legacy_chrome = False %}
+{% block extra_css %}
+<style>
+.pad{ min-height: 0 }
+.flex-container{ display: flex; justify-content: center; align-items: center; 
flex-direction: column; }
+.extra-pad{ padding: 10px; }
+</style>
+{% endblock %}
 {% block title %} Authorize third-party application? {% endblock %}
 
-{% block header %}Authorize third party application?{% endblock %}
+{% block header %}Authorize third party application{% endblock %}
+{% block header_classes %} title {% endblock %}
+
 
 {% block content %}
-<p>
+<div class="extra-pad">
+<h3>
   {% if name %}
-    The application {{ name }} wishes to access your account using the {{ 
consumer.name }} key.
+      The application "<strong>{{ name }}</strong>" wants to access your 
account using the {{ consumer.name }} key.
   {% else %}
-    The application {{ consumer.name }} wishes to access your account.
+      The application "<strong>{{ consumer.name }}</strong>" wants to access 
your account.
   {% endif %}
+</h3>
+
+<p>
   If you grant them access, they will be able to perform any actions on
   the site as though they were logged in as you.  Do you wish to grant
   them access?
 </p>
-<form method="POST" action="do_authorize">
-  <input type="hidden" name="oauth_token" value="{{oauth_token}}"/>
-  <input type="submit" name="no" value="No, do not authorize {{ consumer.name 
}}">
-  <input type="submit" name="yes" value="Yes, authorize {{ consumer.name 
}}"><br>
-  {{lib.csrf_token()}}
-</form>
+
+<br style="clear:both"/>
+<div class="flex-container">
+    <p><strong>App Name:</strong> {{consumer.name}}</p>
+    <p><strong>Description:</strong> <br> 
{{consumer.description_html|safe}}</p>
+</div>
 <br style="clear:both"/>
-<h2>{{consumer.name}}</h2>
-<h3>Description</h3>
-{{consumer.description_html|safe}}
+<div class="flex-container">
+    <form method="POST" action="do_authorize">
+      <input type="hidden" name="oauth_token" value="{{oauth_token}}"/>
+      <input type="submit" class="submit" style="background: #ccc;color:#555" 
name="no" value="No, do not authorize {{ consumer.name }}">
+      <input type="submit" class="button" name="yes" value="Yes, authorize {{ 
consumer.name }}"><br>
+      {{lib.csrf_token()}}
+    </form>
+</div>
+</div>
 {% endblock %}