From bd09b86ae9848ff2e05da5ecff5812a134001237 Mon Sep 17 00:00:00 2001
From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Tue, 17 Oct 2023 14:51:35 +0000
Subject: [PATCH] donate: wrapped all inputs in div class=control

---
 src/templates/donate/donate.html | 94 ++++++++++++++++++++------------
 1 file changed, 59 insertions(+), 35 deletions(-)

diff --git a/src/templates/donate/donate.html b/src/templates/donate/donate.html
index 3eeba70f..2297d77c 100644
--- 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 %}
-- 
2.47.3