Fix bottom margin in admonitions and card text + fix card margin on 'Donating to Codeberg' page (#668)

**Before:**

![Screenshot 2025-08-22 at 23-58-56 Your First Repository Codeberg Documentation](/attachments/ef01b002-5c3a-4132-8a36-e84f5a09b110)
![Screenshot 2025-08-23 at 00-07-41 Your First Repository Codeberg Documentation](/attachments/b16328c6-3f3e-45df-93b7-9ef5e6eafff5)
![Screenshot 2025-08-23 at 00-16-37 Donating to Codeberg Codeberg Documentation](/attachments/db873806-9de6-4324-9eef-d6f95ea13f0f)

**After:**

![Screenshot 2025-08-23 at 00-07-01 Your First Repository Codeberg Documentation](/attachments/a7fce9ee-ced5-45b6-9e93-c4ce3234b07b)
![Screenshot 2025-08-23 at 00-08-13 Your First Repository Codeberg Documentation](/attachments/c04acf6c-a293-4824-a90e-2650ed05d810)
![Screenshot 2025-08-23 at 00-17-21 Donating to Codeberg Codeberg Documentation](/attachments/e5caf5ee-00c0-4a18-8ed8-a6790989b0f0)

Reviewed-on: https://codeberg.org/Codeberg/Documentation/pulls/668
Reviewed-by: Bastian Greshake Tzovaras <gedankenstuecke@noreply.codeberg.org>
Co-authored-by: mst <oivan2401@gmail.com>
Co-committed-by: mst <oivan2401@gmail.com>
This commit is contained in:
mst 2025-08-23 01:52:48 +02:00 committed by Bastian Greshake Tzovaras
parent b48564bd4a
commit 224d96e4a7
2 changed files with 16 additions and 2 deletions

View file

@ -242,3 +242,17 @@ a.show-on-focus:focus {
[data-bs-theme='light'] .navbar-brand img {
content: url(https://design.codeberg.org/logo-kit/icon.svg);
}
.alert-heading {
margin-bottom: 0.5rem;
}
/* fix bottom margin in admonitions and cards */
.alert p:not(ul p):nth-last-child(2),
.alert p:not(ul p):last-child,
.alert li:last-child p,
.alert ul:last-child,
.card-text p:last-child {
margin-bottom: 0;
}

View file

@ -11,7 +11,7 @@ develop new features and sustain the Free Software ecosystem around.
## How to Donate
<div class="card">
<div class="card mb-2">
<div class="card-body">
<h5 class="card-title">Liberapay</h5>
<p class="card-text">
@ -23,7 +23,7 @@ develop new features and sustain the Free Software ecosystem around.
</p>
</div>
</div>
<div class="card">
<div class="card mb-2">
<div class="card-body">
<h5 class="card-title">SEPA wire transfer</h5>
<p class="card-text">