feat: add consistent vertical spacing to button wrappers
All checks were successful
Build and Deploy Static Site / build (push) Successful in 59s

Added a CSS rule to ensure button elements inside the button-wrapper class have consistent vertical spacing except for the last child. This improves uniformity in the UI layout. Updated corresponding HTML to use the newly styled button-wrapper class for proper spacing and alignment.
This commit is contained in:
Kumi 2024-08-04 13:30:20 +02:00
parent 2a054a7f78
commit ccbe1b600d
Signed by: kumi
GPG key ID: ECBCC9082395383F
2 changed files with 6 additions and 2 deletions

View file

@ -37,6 +37,10 @@
color: #fff; color: #fff;
} }
.button-wrapper:not(:last-child) {
margin-bottom: 1rem;
}
.btn-outline-primary { .btn-outline-primary {
--bs-btn-color: #f570b9; --bs-btn-color: #f570b9;
--bs-btn-border-color: #f570b9; --bs-btn-border-color: #f570b9;

View file

@ -63,7 +63,7 @@
{{ service.long_description }} {{ service.long_description }}
</p> </p>
{% for link in service.links %} {% if link.alternatives %} {% for link in service.links %} {% if link.alternatives %}
<div class="dropdown"> <div class="button-wrapper dropdown">
<div class="btn btn-primary shadow"> <div class="btn btn-primary shadow">
<a class="main-link" href="{{ link.url }}">{{ link.name }}</a> <a class="main-link" href="{{ link.url }}">{{ link.name }}</a>
<div class="dropdown-toggle-area">&#9660;</div> <div class="dropdown-toggle-area">&#9660;</div>
@ -76,7 +76,7 @@
</div> </div>
{% else %} {% else %}
<a <a
class="btn btn-primary shadow w-100 text-center" class="button-wrapper btn btn-primary shadow w-100 text-center"
href="{{ link.url }}" href="{{ link.url }}"
>{{ link.name }}</a >{{ link.name }}</a
> >