donate: wrapped all inputs in div class=control

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

diff --git a/src/templates/donate/donate.html b/src/templates/donate/donate.html
index 3eeba70fb9948d0fac1d4bb2362f91fcb3ea2c42..2297d77ca62f51e02581d31f9052473f878c865d 100644 (file)
--- a/src/templates/donate/donate.html
+++ b/src/templates/donate/donate.html
@@ -126,15 +126,19 @@
                                                </div>
 
                                                <div class="block">
-                                                       <div class="organization organization-required">
-                                                               <input type="text" class="input" name="organization"
-                                                                       placeholder="{{ _("Organization") }}">
+                                                       <div class="control">
+                                                               <div class="organization organization-required">
+                                                                       <input type="text" class="input" name="organization"
+                                                                               placeholder="{{ _("Organization") }}">
+                                                               </div>
                                                        </div>
                                                </div>
                                                <div class="block">
-                                                       <div class="organization">
-                                                               <input type="text" class="input" name="vat_number"
-                                                                       placeholder="{{ _("VAT Number") }}">
+                                                       <div class="control">
+                                                               <div class="organization">
+                                                                       <input type="text" class="input" name="vat_number"
+                                                                               placeholder="{{ _("VAT Number") }}">
+                                                               </div>
                                                        </div>
                                                </div>
                                                <div class="block">
@@ -151,13 +155,13 @@
 
                                                <div class="columns">
                                                        <div class="column is-2">
-                                                               <div class="form-check form-check-inline mb-3">
+                                                               <div class="control">
                                                                        <input class="form-check-input" type="radio" name="title" id="mr" value="Mr." checked>
                                                                        <label class="form-check-label" for="mr">{{ _("Mr.") }}</label>
                                                                </div>
                                                        </div>
                                                        <div class="column is-2">
-                                                               <div class="form-check form-check-inline mb-3">
+                                                               <div class="control">
                                                                        <input class="form-check-input" type="radio" name="title" id="mrs" value="Mrs.">
                                                                        <label class="form-check-label" for="mrs">{{ _("Mrs.") }}</label>
                                                                </div>
@@ -166,66 +170,86 @@
 
                                                <div class="columns">
                                                        <div class="column">
-                                                               <input type="text" class="input" name="first_name"
-                                                                       placeholder="{{ _("First Name" )}}" required
-                                                                       {% if first_name %}value="{{ first_name }}"{% end %}>
+                                                               <div class="control">
+                                                                       <input type="text" class="input" name="first_name"
+                                                                               placeholder="{{ _("First Name" )}}" required
+                                                                               {% if first_name %}value="{{ first_name }}"{% end %}>
+                                                               </div>
                                                        </div>
 
                                                        <div class="column">
-                                                               <input type="text" class="input" name="last_name"
-                                                                       placeholder="{{ _("Last Name" )}}" required
-                                                                       {% if last_name %}value="{{ last_name }}"{% end %}>
+                                                               <div class="control">
+                                                                       <input type="text" class="input" name="last_name"
+                                                                               placeholder="{{ _("Last Name" )}}" required
+                                                                               {% if last_name %}value="{{ last_name }}"{% end %}>
+                                                               </div>
                                                        </div>
                                                </div>
 
                                                <div class="block">
+                                                       <div class="control">
                                                                <input type="email" class="input" name="email"
                                                                        placeholder="{{ _("Email Address") }}" required>
+                                                       </div>
                                                </div>
 
                                                <div class="block">
-                                                       <input type="text" class="input" name="street1"
-                                                               placeholder="{{ _("Address Line 1") }}" required>
+                                                       <div class="control">
+                                                               <input type="text" class="input" name="street1"
+                                                                       placeholder="{{ _("Address Line 1") }}" required>
+                                                       </div>
                                                </div>
 
                                                <div class="block">
-                                                       <input type="text" class="input" name="street2"
-                                                               placeholder="{{ _("Address Line 2") }}">
+                                                       <div class="control">
+                                                               <input type="text" class="input" name="street2"
+                                                                       placeholder="{{ _("Address Line 2") }}">
+                                                       </div>
                                                </div>
 
                                                <div class="columns">
                                                        <div class="column">
-                                                               <input type="text" class="input" name="city"
-                                                                       placeholder="{{ _("City") }}" required>
+                                                               <div class="control">
+                                                                       <input type="text" class="input" name="city"
+                                                                               placeholder="{{ _("City") }}" required>
+                                                               </div>
                                                        </div>
                                                        <div class="column">
-                                                               <input type="text" class="input" name="post_code"
-                                                                       placeholder="{{ _("Post Code") }}" required>
+                                                               <div class="control">
+                                                                       <input type="text" class="input" name="post_code"
+                                                                               placeholder="{{ _("Post Code") }}" required>
+                                                               </div>
                                                        </div>
                                                </div>
 
                                                <div class="columns">
                                                        <div class="column is-half">
-                                                               <div class="select">
-                                                                       <select name="country_code" required>
-                                                                               <option value="">- {{ _("Country") }} -</option>
-
-                                                                               {% for c in countries %}
-                                                                                       <option value="{{ c.alpha2 }}" {% if country == c.alpha2 %}selected{% end %}>{{ c.name }}</option>
-                                                                               {% end %}
-                                                                       </select>
+                                                               <div class="control">
+                                                                       <div class="select">
+                                                                               <select name="country_code" required>
+                                                                                       <option value="">- {{ _("Country") }} -</option>
+
+                                                                                       {% for c in countries %}
+                                                                                               <option value="{{ c.alpha2 }}" {% if country == c.alpha2 %}selected{% end %}>{{ c.name }}</option>
+                                                                                       {% end %}
+                                                                               </select>
+                                                                       </div>
                                                                </div>
                                                        </div>
 
                                                        <div class="column">
-                                                               <input type="text" class="input" name="state"
-                                                                       placeholder="{{ _("State (optional)") }}">
+                                                               <div class="control">
+                                                                       <input type="text" class="input" name="state"
+                                                                               placeholder="{{ _("State (optional)") }}">
+                                                               </div>
                                                        </div>
                                                </div>
 
                                                <div class="block">
-                                                       <input type="submit" class="button is-primary is-outlined is-fullwidth is-medium"
-                                                       id="donate" value="{{ _("Donate Now") }}">
+                                                       <div class="control">
+                                                               <input type="submit" class="button is-primary is-outlined is-fullwidth is-medium"
+                                                               id="donate" value="{{ _("Donate Now") }}">
+                                                       </div>
                                                </div>
 
                                                <div class="block">
@@ -597,4 +621,4 @@
                        amount.change();
                });
        </script>
-{% end block %}
\ No newline at end of file
+{% end block %}