From 1355e402114f0c8178521fbf7b01bcebbdd0197f Mon Sep 17 00:00:00 2001
From: Wazeer <58399263+wazeerc@users.noreply.github.com>
Date: Mon, 25 Nov 2024 21:20:10 +0400
Subject: [PATCH 1/2] fix: wrong tw z-index value; move 'RSVPs so far' popup
 behind 'Attendee Count' & Reduce x-axis translation by 1rem

---
 packages/frontendmu-nuxt/components/auth/RsvpAttendeeList.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/frontendmu-nuxt/components/auth/RsvpAttendeeList.vue b/packages/frontendmu-nuxt/components/auth/RsvpAttendeeList.vue
index 9207cc54..8eb4f052 100644
--- a/packages/frontendmu-nuxt/components/auth/RsvpAttendeeList.vue
+++ b/packages/frontendmu-nuxt/components/auth/RsvpAttendeeList.vue
@@ -67,11 +67,11 @@ onMounted(async () => {
       >
         Attendees
         <span
-          class="bg-verse-200 aspect-square z-2 rounded-full inline-grid place-items-center text-verse-800 p-4 md:p-1 text-6xl md:text-xl shadow-sm shadow-black/40 relative z-3"
+          class="bg-verse-200 aspect-square z-[2] rounded-full inline-grid place-items-center text-verse-800 p-4 md:p-1 text-6xl md:text-xl shadow-sm shadow-black/40 relative"
         >{{
           attendeeCount }}</span>
         <span
-          class="z-2 md:group-hover:opacity-100 md:group-hover:translate-x-0 md:opacity-0 rounded-md md:rounded-r-full md:pl-5 ease-in-out md:-translate-x-8 relative transition text-sm text-verse-900 bg-verse-200/60 px-2 pl-4 text-center md:text-left md:-left-8 py-1"
+          class="z-1 md:group-hover:opacity-100 md:group-hover:translate-x-0 md:opacity-0 rounded-md md:rounded-r-full md:pl-5 ease-in-out md:-translate-x-4 relative transition text-sm text-verse-900 bg-verse-200/60 px-2 pl-4 text-center md:text-left md:-left-8 py-1"
         >
           RSVPs so far
         </span>

From 174241023dfc7d4e9afd92f0c664842649c6f098 Mon Sep 17 00:00:00 2001
From: Wazeer <58399263+wazeerc@users.noreply.github.com>
Date: Mon, 25 Nov 2024 21:36:30 +0400
Subject: [PATCH 2/2] fix: enhance 'View on Map' btns and improve UI
 consistency with other CTAs; remove uppercase as this is not a primary action

---
 packages/frontendmu-nuxt/components/meetup/Single.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/frontendmu-nuxt/components/meetup/Single.vue b/packages/frontendmu-nuxt/components/meetup/Single.vue
index f92db1af..7dd8453a 100644
--- a/packages/frontendmu-nuxt/components/meetup/Single.vue
+++ b/packages/frontendmu-nuxt/components/meetup/Single.vue
@@ -124,24 +124,24 @@ const currentAlbum = computed(() => fetchAlbumDetails(props.getCurrentEvent?.alb
                       Meetup Location
                     </div>
                   </dt>
-                  <dd class="text-2xl font-extrabold tracking-tight text-verse-900 dark:text-verse-200 md:text-3xl">
+                  <dd class="text-2xl font-extrabold tracking-tight text-verse-900 dark:text-verse-200 md:text-3xl mb-2">
                     {{ getCurrentEvent.Location }}
                   </dd>
                   <div v-if="getCurrentEvent.map">
-                    <a :href="getCurrentEvent.map" target="_blank" class="uppercase text-xs text-verse-100 bg-verse-400 rounded-full p-2" aria-label="View event location on map">
+                    <a :href="getCurrentEvent.map" target="_blank" class="text-xs text-verse-100 font-medium bg-verse-400 hover:bg-verse-500 transition-colors duration-200 rounded-full px-3 py-2" aria-label="View event location on map">
                       View on map
                     </a>
                   </div>
                 </div>
               </template>
               <div class="border-t-2 grid grid-rows-[auto_1fr] gap-2 border-verse-900/20 dark:border-verse-800/50 pt-4 md:pt-6">
-                <dt class="text-base flex justify-between font-medium text-verse-500 dark:text-verse-300">
+                <dt class="text-base flex justify-between font-medium text-verse-500 dark:text-verse-300 mb-2">
                   <div>
                     Parking Location
                   </div>
                 </dt>
                 <dd v-if="getCurrentEvent.parking_location">
-                  <a :href="getCurrentEvent.parking_location" target="_blank" class="uppercase text-xs text-verse-100 bg-verse-400 rounded-full p-2" aria-label="View parking location on map">
+                  <a :href="getCurrentEvent.parking_location" target="_blank" class="text-xs text-verse-100 font-medium bg-verse-400 hover:bg-verse-500 transition-colors duration-200 rounded-full px-3 py-2" aria-label="View parking location on map">
                     View on map
                   </a>
                 </dd>