basic styling Donate page

[people/shoehn/ipfire.org.git] / templates / modules / donation-input-box.html

diff --git a/templates/modules/donation-input-box.html b/templates/modules/donation-input-box.html
index 235addae9e64123e317ea8ede8e3af9497fe5e69..d56e7e6d2b59ab441631d8b20c6a037a43c3dcfb 100644 (file)
--- a/templates/modules/donation-input-box.html
+++ b/templates/modules/donation-input-box.html
@@ -8,11 +8,11 @@
        <input type="hidden" name="no_shipping" value="1">
        <input type="hidden" name="bn" value="PP-DonationsBF:btn_donate_LG.gif:NonHosted">
 
-       <div class="form-group">
+       <div class="form-group d-flex justify-content-center flex-column d-inline-flex">
                <label class="sr-only" for="InputAmount">{{ _("Amount") }}</label>
-               <div class="input-group">
+               <div class="input-group d-flex flex-row-reverse justify-content-center">
                        <div class="input-group-addon">
-                               <select class="form-control" name="currency_code">
+                               <select class="form-control mx-3" name="currency_code">
                                        {% for c in currencies %}
                                                <option value="{{ c }}">
                                                        {% if c == "EUR" %}
@@ -33,6 +33,6 @@
                                name="amount" placeholder="{{ _("Amount") }}">
                </div>
 
-               <button type="submit" class="btn btn-danger btn-lg">{{ _("Donate with PayPal") }}</button>
+               <button type="submit" class="btn btn-lg btn-primary mt-3">{{ _("Donate with PayPal") }}</button>
        </div>
 </form>