From 734a52fe528d42e2bdf76f50baca50fd98ec6306 Mon Sep 17 00:00:00 2001
From: Michael Geers <michael@geers.tv>
Date: Sat, 9 Mar 2024 18:39:24 +0100
Subject: [PATCH] Plan UI: improve mobile form layout (#12795)

---
 assets/js/components/ChargingPlanSettingsEntry.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/assets/js/components/ChargingPlanSettingsEntry.vue b/assets/js/components/ChargingPlanSettingsEntry.vue
index 305799c77..df877066a 100644
--- a/assets/js/components/ChargingPlanSettingsEntry.vue
+++ b/assets/js/components/ChargingPlanSettingsEntry.vue
@@ -21,12 +21,12 @@
 			</div>
 		</div>
 		<div class="row">
-			<div class="col-6 d-lg-none col-form-label">
+			<div class="col-5 d-lg-none col-form-label">
 				<label :for="formId('day')">
 					{{ $t("main.chargingPlan.day") }}
 				</label>
 			</div>
-			<div class="col-6 col-lg-4 mb-2 mb-lg-0">
+			<div class="col-7 col-lg-4 mb-2 mb-lg-0">
 				<select
 					:id="formId('day')"
 					v-model="selectedDay"
@@ -39,12 +39,12 @@
 					</option>
 				</select>
 			</div>
-			<div class="col-6 d-lg-none col-form-label">
+			<div class="col-5 d-lg-none col-form-label">
 				<label :for="formId('day')">
 					{{ $t("main.chargingPlan.time") }}
 				</label>
 			</div>
-			<div class="col-6 col-lg-2 mb-2 mb-lg-0">
+			<div class="col-7 col-lg-2 mb-2 mb-lg-0">
 				<input
 					:id="formId('time')"
 					v-model="selectedTime"
@@ -56,12 +56,12 @@
 					@change="preview"
 				/>
 			</div>
-			<div class="col-6 d-lg-none col-form-label">
+			<div class="col-5 d-lg-none col-form-label">
 				<label :for="formId('goal')">
 					{{ $t("main.chargingPlan.goal") }}
 				</label>
 			</div>
-			<div class="col-6 col-lg-3 mb-2 mb-lg-0">
+			<div class="col-7 col-lg-3 mb-2 mb-lg-0">
 				<select
 					v-if="socBasedPlanning"
 					:id="formId('goal')"
@@ -87,7 +87,7 @@
 					</option>
 				</select>
 			</div>
-			<div class="col-6 d-lg-none col-form-label">
+			<div class="col-5 d-lg-none col-form-label">
 				<label :for="formId('active')">
 					{{ $t("main.chargingPlan.active") }}
 				</label>