From f3856b5db565dc3d5b430f8e9a4a7fe0d8f26c02 Mon Sep 17 00:00:00 2001
From: rubenwardy <rw@rubenwardy.com>
Date: Fri, 14 Jan 2022 17:52:33 +0000
Subject: [PATCH] Improve donation panel on package pages

---
 app/templates/packages/view.html | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/app/templates/packages/view.html b/app/templates/packages/view.html
index 9d575ee..c70da6f 100644
--- a/app/templates/packages/view.html
+++ b/app/templates/packages/view.html
@@ -329,6 +329,16 @@
 					</p>
 				{% endif %}
 
+				{% if package.author.donate_url %}
+					<div class="alert alert-secondary mb-4">
+						<p>{{ _("Like this package? Help support its development by making a donation", display_name=package.author.display_name) }}</p>
+						<a class="btn btn-block btn-primary" href="{{ package.author.donate_url }}" rel="nofollow">
+							<i class="fas fa-heart mr-2"></i>
+							{{ _("Donate now") }}
+						</a>
+					</div>
+				{% endif %}
+
 				{% if package.type != package.type.TXP %}
 					<h3>{{ _("Dependencies") }}</h3>
 					<dl>
@@ -430,12 +440,6 @@
 					{% endif %}
 				</dl>
 
-				{% if package.author.donate_url %}
-					<a class="btn btn-secondary btn-block my-4" href="{{ package.author.donate_url }}" rel="nofollow">
-						{{ _("Like %(display_name)s's work? Donate now!", display_name=package.author.display_name) }}
-					</a>
-				{% endif %}
-
 				<h3>
 					{% if package.checkPerm(current_user, "MAKE_RELEASE") %}
 						<a class="btn btn-primary btn-sm float-right" href="{{ package.getURL("packages.create_release") }}"><i class="fas fa-plus"></i></a>