From 60aed160bf2be044dfffaddf9867c07791eb6c96 Mon Sep 17 00:00:00 2001
From: Benjamin Takats <mail@benjamintakats.de>
Date: Tue, 17 Jan 2023 19:11:01 +0100
Subject: [PATCH] clearable button

---
 .../views/livewire/profile/meetups.blade.php  | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/resources/views/livewire/profile/meetups.blade.php b/resources/views/livewire/profile/meetups.blade.php
index db7e6f0f..73488a83 100644
--- a/resources/views/livewire/profile/meetups.blade.php
+++ b/resources/views/livewire/profile/meetups.blade.php
@@ -34,7 +34,20 @@
         </div>
     </section>
 
-    <div class="grid grid-cols-2">
+    <div class="grid grid-cols-1 sm:grid-cols-2">
+
+        <div class="p-4">
+            <p class="px-0 mb-6 text-lg text-gray-200 md:text-xl">
+                {{ __('Your current Meetup groups') }}
+            </p>
+            <div class="grid grid-cols-1 sm:grid-cols-4 gap-2">
+                @foreach($myMeetupNames as $id => $myMeetupName)
+                    <x-badge class="cursor-pointer" wire:click="signUpForMeetup({{ $id }})" lg outline white
+                             label="{{ $myMeetupName }}"/>
+                @endforeach
+            </div>
+        </div>
+
         <div class="">
             <div class="px-10 pt-6 mx-auto max-w-7xl">
                 <div class="bg-21gray p-6 rounded">
@@ -107,17 +120,5 @@
                 </div>
             </div>
         </div>
-
-        <div class="p-4">
-            <p class="px-0 mb-6 text-lg text-gray-200 md:text-xl">
-                {{ __('Your current Meetup groups') }}
-            </p>
-            <div class="grid grid-cols-4 gap-2">
-                @foreach($myMeetupNames as $id => $myMeetupName)
-                    <x-badge class="cursor-pointer" wire:click="signUpForMeetup({{ $id }})" lg outline white
-                             label="{{ $myMeetupName }}"/>
-                @endforeach
-            </div>
-        </div>
     </div>
 </div>