From ccbe1b600dcec2b0ba0fa98e7557d1b7dc75bec6 Mon Sep 17 00:00:00 2001
From: Kumi <git@kumi.email>
Date: Sun, 4 Aug 2024 13:30:20 +0200
Subject: [PATCH] feat: add consistent vertical spacing to button wrappers

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.
---
 assets/css/base.css  | 4 ++++
 templates/index.html | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/css/base.css b/assets/css/base.css
index 4cfd25a..e03c2e4 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -37,6 +37,10 @@
   color: #fff;
 }
 
+.button-wrapper:not(:last-child) {
+  margin-bottom: 1rem;
+}
+
 .btn-outline-primary {
   --bs-btn-color: #f570b9;
   --bs-btn-border-color: #f570b9;
diff --git a/templates/index.html b/templates/index.html
index c3b6df7..a9fa881 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -63,7 +63,7 @@
               {{ service.long_description }}
             </p>
             {% for link in service.links %} {% if link.alternatives %}
-            <div class="dropdown">
+            <div class="button-wrapper dropdown">
               <div class="btn btn-primary shadow">
                 <a class="main-link" href="{{ link.url }}">{{ link.name }}</a>
                 <div class="dropdown-toggle-area">&#9660;</div>
@@ -76,7 +76,7 @@
             </div>
             {% else %}
             <a
-              class="btn btn-primary shadow w-100 text-center"
+              class="button-wrapper btn btn-primary shadow w-100 text-center"
               href="{{ link.url }}"
               >{{ link.name }}</a
             >