Issue #1546 Small CSS tweaks for mobile view

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>

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
         >