[allura] branch gc/8448 created (now 8c4ccd330)

[gc...@apache.org]

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

gcruz pushed a change to branch gc/8448
in repository https://gitbox.apache.org/repos/asf/allura.git


      at 8c4ccd330 [#8448] visual updates to layout and buttons

This branch includes the following new commits:

     new 8c4ccd330 [#8448] visual updates to layout and buttons

The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.

[allura] 01/01: [#8448] visual updates to layout and buttons

[gc...@apache.org]

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

gcruz pushed a commit to branch gc/8448
in repository https://gitbox.apache.org/repos/asf/allura.git

commit 8c4ccd33003c4d854cec0f483efd41fabc9dea92
Author: Guillermo Cruz <gu...@slashdotmedia.com>
AuthorDate: Wed Jul 20 12:51:47 2022 -0600

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

diff --git a/Allura/allura/templates/oauth_authorize.html b/Allura/allura/templates/oauth_authorize.html
index 71774429e..4f95cde7f 100644
--- a/Allura/allura/templates/oauth_authorize.html
+++ b/Allura/allura/templates/oauth_authorize.html
@@ -18,30 +18,40 @@
 -#}
 {% set hide_left_bar = True %}
 {% extends g.theme.master %}
-
+{% set legacy_chrome = False %}
+{% block extra_css %}<style>.pad{ min-height: 0 } .full-width{ width: 100%} .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 %} full-width {% endblock %}
+
 
 {% block content %}
+<div class="extra-pad">
 <p>
   {% 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 %}
   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 %}