From 4d9d6b02b67efe6035817444418cd3fbb758fd93 Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Fri, 11 Oct 2024 13:44:15 +0200
Subject: [PATCH] The status choice area no longer causes the event page to
 scroll in mobile view

---
 src/views/Event/EditView.vue | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/views/Event/EditView.vue b/src/views/Event/EditView.vue
index b807c86b8..74a992d8f 100644
--- a/src/views/Event/EditView.vue
+++ b/src/views/Event/EditView.vue
@@ -402,7 +402,7 @@
       <section class="my-4">
         <h2>{{ t("Status") }}</h2>
 
-        <fieldset>
+        <fieldset id="status">
           <legend>
             {{
               t(
@@ -1430,4 +1430,27 @@ const registerOption = computed({
     padding-left: 3px;
   }
 }
+
+#status .o-field--addons {
+  flex-wrap: wrap;
+  gap: 5px;
+}
+
+#status .o-field--addons > label {
+  flex: 1 1 0;
+  margin: 0;
+}
+#status .o-field--addons .mr-2 {
+  margin: 0;
+}
+
+#status .o-field--addons > label .o-radio__label {
+  width: 100%;
+}
+
+@media screen and (max-width: 700px) {
+  #status .o-field--addons {
+    flex-direction: column;
+  }
+}
 </style>