From 6613a85a0c6c6ef95b6af9f9136e02cdeee73254 Mon Sep 17 00:00:00 2001
From: Tobias <tobigr@mail.de>
Date: Tue, 22 Oct 2024 21:23:28 +0200
Subject: [PATCH] Make the donation info boxes have the same size when
 displayed next to each other

---
 assets/css/main.css | 21 +++++++++++++++++++++
 donate.html         | 34 +++++++++++++++++++++-------------
 2 files changed, 42 insertions(+), 13 deletions(-)

diff --git a/assets/css/main.css b/assets/css/main.css
index 15a43a3..c20048d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -82,6 +82,23 @@ pre {
   font-family: monospace;
   display: inline;
 }
+
+.my-0 {
+	margin-top: 0 !important;
+	margin-bottom: 0 !important;
+}
+.my-1 {
+	margin-top: 1em;
+	margin-bottom: 1em;
+}
+
+.row-equal-column {
+	display: flex;
+}
+
+.text-center {
+	text-align: center;
+}
 /* Basic */
 
 	html {
@@ -1652,6 +1669,10 @@ pre {
 			margin: 0 0 25px 0;
 		}
 
+		#content .row-equal-column section {
+			height: 100%;
+		}
+
 		#content h2 {
 			font-size: 1.8em;
 			color: #acb4b7;
diff --git a/donate.html b/donate.html
index 7fd3b88..ea66749 100644
--- a/donate.html
+++ b/donate.html
@@ -56,32 +56,40 @@
 									</p>
 								</section>
 							</div>
+						</div>
 
+						<div class="row row-equal-column my-0">
 							<div class="col-6 col-12-medium">
 								<section>
 									<h3>Wire transfer</h3>
-									<p>
-									Transferring money to our bank account directly has the fewest additional charges, so we get the most from your donation!
-									<center><table>
-										<tr><td>
-										Account holder: <td> NewPipe e.V.
-										<tr><td>
-										IBAN: <td><pre>DE94 4306 0967 1308 7563 00</pre>
-										<tr><td>
-										BIC: <td><pre>GENODEM1GLS</pre>
-									</table></center>
+									<div>
+										<p>Transferring money to our bank account directly has the fewest additional charges, so we get the most from your donation!</p>
+										<table>
+											<tbody>
+												<tr><td>Account holder: </td><td>NewPipe e.V.</td></tr>
+												<tr><td>IBAN: </td><td><pre>DE94 4306 0967 1308 7563 00</pre></td></tr>
+												<tr><td>BIC: </td><td><pre>GENODEM1GLS</pre></td></tr>
+											</tbody>
+										</table>
+									</div>
 								</section>
 							</div>
 
 							<div class="col-6 col-12-medium">
 								<section>
 									<h3>Liberapay</h3>
-									<p>
-									We also accept recurring donations through PayPal, credit card and direct debit through Liberapay.
-									<center><a class="button-large" href="https://liberapay.com/NewPipe_e.V./">Liberapay</a></center>
+									<div>
+										<p>We also accept recurring donations through PayPal, credit card and direct debit through Liberapay.</p>
+										<div class="text-center">
+											<a class="button-large my-1" href="https://liberapay.com/NewPipe_e.V./">Liberapay</a>
+										</div>
+									</div>
+
 								</section>
 							</div>
+						</div>
 
+						<div class="row my-0">
 							<div class="col-12">
 								<section>
 									<h3>Since you're a non-profit, can I get a donation receipt?</h3>