From edac95ef4a65bb72bb07a63e1974ef1c8963d9d6 Mon Sep 17 00:00:00 2001
From: Massedil <massedil-framagit.org@msd.im>
Date: Sat, 2 Nov 2024 16:17:44 +0100
Subject: [PATCH] Issue #1546 Small CSS tweaks for mobile view

---
 src/components/Group/GroupSection.vue | 2 +-
 src/views/Group/GroupView.vue         | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/Group/GroupSection.vue b/src/components/Group/GroupSection.vue
index 9c4c05de9..1e30e8d50 100644
--- a/src/components/Group/GroupSection.vue
+++ b/src/components/Group/GroupSection.vue
@@ -12,7 +12,7 @@
     <div class="flex-1 min-h-40">
       <slot></slot>
     </div>
-    <div class="flex justify-end p-2">
+    <div class="flex flex-wrap justify-end p-2">
       <slot name="create"></slot>
     </div>
   </section>
diff --git a/src/views/Group/GroupView.vue b/src/views/Group/GroupView.vue
index 6d4d718f6..e7d01dba2 100644
--- a/src/views/Group/GroupView.vue
+++ b/src/views/Group/GroupView.vue
@@ -443,7 +443,12 @@
             class="prose lg:prose-xl dark:prose-invert p-2"
             v-html="group.summary"
           ></div>
-          <empty-content v-else icon="information" :inline="true">
+          <empty-content
+            v-else
+            icon="information"
+            :inline="true"
+            :center="true"
+          >
             {{ t("No about content yet") }}
           </empty-content>
         </template>
@@ -494,7 +499,7 @@
               </div>
             </div>
           </div>
-          <empty-content v-else icon="earth" :inline="true">
+          <empty-content v-else icon="earth" :inline="true" :center="true">
             {{ t("No location yet") }}
           </empty-content></template
         >