CSS: Replace btn-block with buttons wrapped in d-grid

[ipfire.org.git] / src / templates / donate / donate.html

diff --git a/src/templates/donate/donate.html b/src/templates/donate/donate.html
index 11928550326457fcbff8aa65a680a24ec07fc9ca..a6f3c09ff54b9f563a96a9477f2d5deb1b7cca5a 100644 (file)
--- a/src/templates/donate/donate.html
+++ b/src/templates/donate/donate.html
@@ -204,20 +204,24 @@
                                                                                        <div class="row mb-4">
                                                                                                {% for factor, default in ((3, False), (2, True), (1, False)) %}
                                                                                                        <div class="col d-flex align-items-center">
-                                                                                                               <button type="submit"
-                                                                                                                               class="btn btn-primary btn-block {% if default %}btn-lg{% else %}btn-sm{% end %} monthly-amount-suggestion"
-                                                                                                                               data-factor="{{ factor }}" data-amount="">
-                                                                                                                       <span class="EUR">€</span><span class="USD">$</span><span class="suggested-amount"></span>
-                                                                                                                       <br>
-                                                                                                                       <small>/ {{ _("month") }}</small>
-                                                                                                               </button>
+                                                                                                               <div class="d-grid">
+                                                                                                                       <button type="submit"
+                                                                                                                                       class="btn btn-primary {% if default %}btn-lg{% else %}btn-sm{% end %} monthly-amount-suggestion"
+                                                                                                                                       data-factor="{{ factor }}" data-amount="">
+                                                                                                                               <span class="EUR">€</span><span class="USD">$</span><span class="suggested-amount"></span>
+                                                                                                                               <br>
+                                                                                                                               <small>/ {{ _("month") }}</small>
+                                                                                                                       </button>
+                                                                                                               </div>
                                                                                                        </div>
                                                                                                {% end %}
                                                                                        </div>
 
-                                                                                       <button type="submit" class="btn btn-secondary btn-block">
-                                                                                               Donate <span class="EUR">€</span><span class="USD">$</span><span class="amount"></span> once
-                                                                                       </button>
+                                                                                       <div class="d-grid">
+                                                                                               <button type="submit" class="btn btn-secondary">
+                                                                                                       Donate <span class="EUR">€</span><span class="USD">$</span><span class="amount"></span> once
+                                                                                               </button>
+                                                                                       </div>
                                                                                </div>
                                                                        </div>
                                                                </div>