From c0001400408e3ccad8617e81ec4688a0178c1cbf Mon Sep 17 00:00:00 2001
From: Hyperling <me@hyperling.com>
Date: Wed, 29 Jan 2025 13:16:10 -0700
Subject: [PATCH] Add fill class so that donation boxes take up all the
 available height.

---
 pages/helpers/main.css            | 6 ++++++
 pages/subpages/support/donate.php | 6 +++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/pages/helpers/main.css b/pages/helpers/main.css
index 3415798..86a9f93 100644
--- a/pages/helpers/main.css
+++ b/pages/helpers/main.css
@@ -84,11 +84,17 @@
 				border: 0px;
 			}
 
+			/** When a field needs more background color above and below. **/
 			.spacing {
 				padding-top: 5px;
 				padding-bottom: 5px;
 			}
 
+			/** Ensure elements in a container use the full height. **/
+			.fill {
+				height: 100%;
+			}
+
 			/** Format tables and allow contents to be broken up. **/
 			table {
 				/*width: 100%;*/
diff --git a/pages/subpages/support/donate.php b/pages/subpages/support/donate.php
index ac7e5c7..0604090 100755
--- a/pages/subpages/support/donate.php
+++ b/pages/subpages/support/donate.php
@@ -6,7 +6,7 @@
 
 		<div class="row text">
 
-			<div class="col-4 center border">
+			<div class="col-4 center fill border">
 				<h3 class="title spacing">Preference 1 - Private Crypto</h3>
 				<p>Send me any type of coin.</p>
 				<div class="header">
@@ -15,7 +15,7 @@
 				</div>
 			</div>
 
-			<div class="col-4 center border">
+			<div class="col-4 center fill border">
 				<h3 class="title spacing">Preference 2 - Public Crypto</h3>
 				<p>Donate directly to my addresses.</p>
 				<div class="header">
@@ -39,7 +39,7 @@
 				</div>
 			</div>
 
-			<div class="col-4 center border">
+			<div class="col-4 center fill border">
 				<h3 class="title spacing">Preference 3 - Public USD</h3>
 				<p>Send USD to a fiat-based account.</p>
 				<div class="header">