Make the donation info boxes have the same size when displayed next to each other
Build and publish Docker image / build (push) Successful in 24s Details
Build and publish Docker image / build (pull_request) Successful in 22s Details

This commit is contained in:
Tobias 2024-08-25 19:49:12 +02:00
parent f7509269c0
commit 710255e614
Signed by: tobigr
GPG Key ID: 1081A7AAB3E37791
2 changed files with 42 additions and 13 deletions

View File

@ -82,6 +82,23 @@ pre {
font-family: monospace; font-family: monospace;
display: inline; 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 */ /* Basic */
html { html {
@ -1652,6 +1669,10 @@ pre {
margin: 0 0 25px 0; margin: 0 0 25px 0;
} }
#content .row-equal-column section {
height: 100%;
}
#content h2 { #content h2 {
font-size: 1.8em; font-size: 1.8em;
color: #acb4b7; color: #acb4b7;

View File

@ -56,32 +56,40 @@
</p> </p>
</section> </section>
</div> </div>
</div>
<div class="row row-equal-column my-0">
<div class="col-6 col-12-medium"> <div class="col-6 col-12-medium">
<section> <section>
<h3>Wire transfer</h3> <h3>Wire transfer</h3>
<p> <div>
Transferring money to our bank account directly has the fewest additional charges, so we get the most from your donation! <p>Transferring money to our bank account directly has the fewest additional charges, so we get the most from your donation!</p>
<center><table> <table>
<tr><td> <tbody>
Account holder: <td> NewPipe e.V. <tr><td>Account holder: </td><td>NewPipe e.V.</td></tr>
<tr><td> <tr><td>IBAN: </td><td><pre>DE94 4306 0967 1308 7563 00</pre></td></tr>
IBAN: <td><pre>DE94 4306 0967 1308 7563 00</pre> <tr><td>BIC: </td><td><pre>GENODEM1GLS</pre></td></tr>
<tr><td> </tbody>
BIC: <td><pre>GENODEM1GLS</pre> </table>
</table></center> </div>
</section> </section>
</div> </div>
<div class="col-6 col-12-medium"> <div class="col-6 col-12-medium">
<section> <section>
<h3>Liberapay</h3> <h3>Liberapay</h3>
<p> <div>
We also accept recurring donations through PayPal, credit card and direct debit through Liberapay. <p>We also accept recurring donations through PayPal, credit card and direct debit through Liberapay.</p>
<center><a class="button-large" href="https://liberapay.com/NewPipe_e.V./">Liberapay</a></center> <div class="text-center">
<a class="button-large my-1" href="https://liberapay.com/NewPipe_e.V./">Liberapay</a>
</div>
</div>
</section> </section>
</div> </div>
</div>
<div class="row my-0">
<div class="col-12"> <div class="col-12">
<section> <section>
<h3>Since you're a non-profit, can I get a donation receipt?</h3> <h3>Since you're a non-profit, can I get a donation receipt?</h3>