From 3d7ffbf5ca7186b8565f3b6e5cfe48a2746eae3f Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Mon, 4 Nov 2024 22:49:54 +0100
Subject: [PATCH] Issue #1571: Design adjustments for mobile

---
 src/views/Event/EditView.vue | 19 ++++++++++++-------
 1 file changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/views/Event/EditView.vue b/src/views/Event/EditView.vue
index 341664ca2..3582a3140 100644
--- a/src/views/Event/EditView.vue
+++ b/src/views/Event/EditView.vue
@@ -62,6 +62,7 @@
 
       <o-field
         grouped
+        groupMultiline
         :label="t('Starts on…')"
         class="items-center"
         label-for="begins-on-field"
@@ -71,14 +72,16 @@
           v-model="beginsOn"
           @blur="consistencyBeginsOnBeforeEndsOn"
         ></event-date-picker>
-
-        <o-switch v-model="showStartTime">{{
-          t("Show the time when the event begins")
-        }}</o-switch>
+        <div class="my-2">
+          <o-switch v-model="showStartTime">{{
+            t("Show the time when the event begins")
+          }}</o-switch>
+        </div>
       </o-field>
 
       <o-field
         grouped
+        groupMultiline
         :label="t('Ends on…')"
         label-for="ends-on-field"
         class="items-center"
@@ -89,9 +92,11 @@
           @blur="consistencyBeginsOnBeforeEndsOn"
           :min="beginsOn"
         ></event-date-picker>
-        <o-switch v-model="showEndTime">{{
-          t("Show the time when the event ends")
-        }}</o-switch>
+        <div class="my-2">
+          <o-switch v-model="showEndTime">{{
+            t("Show the time when the event ends")
+          }}</o-switch>
+        </div>
       </o-field>
 
       <o-button class="block" variant="text" @click="dateSettingsIsOpen = true">