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

@@ -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;

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
             >