From 385665a4f9d21823097fd46ddcb54fa3befc189f Mon Sep 17 00:00:00 2001
From: Tinuola 'Tinu' Awopetu <24995224+tinuola@users.noreply.github.com>
Date: Fri, 20 Dec 2024 10:06:58 -0800
Subject: [PATCH] fix: APPS-3117 Additional Component Fixes for EventListing
 Page (#671)

* fix: remove extra padding in tag label pill

* update base calendar popup overflow value

---------

Co-authored-by: tinuola <tinuola@users.noreply.github.com>
---
 src/lib-components/BaseCalendar.vue         | 2 +-
 src/lib-components/BlockCardThreeColumn.vue | 4 ----
 src/styles/default/_base-calendar.scss      | 1 -
 3 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/lib-components/BaseCalendar.vue b/src/lib-components/BaseCalendar.vue
index e565cdff5..be7d8e9df 100644
--- a/src/lib-components/BaseCalendar.vue
+++ b/src/lib-components/BaseCalendar.vue
@@ -180,7 +180,7 @@ const classes = computed(() => {
                 offset="10"
                 opacity="0"
               >
-                <v-card width="320" style="overflow: initial; z-index: initial" :hover="false" :link="true" :to="selectedEventObj.to">
+                <v-card width="320" style="overflow: hidden; z-index: initial" :hover="false" :link="true" :to="selectedEventObj.to">
                   <!-- Default Event Calendar -->
                   <div v-if="defaultEventCalendar" class="calendar-event-popup-wrapper">
                     <BlockCardWithImage
diff --git a/src/lib-components/BlockCardThreeColumn.vue b/src/lib-components/BlockCardThreeColumn.vue
index 4f1677273..ad8886a38 100644
--- a/src/lib-components/BlockCardThreeColumn.vue
+++ b/src/lib-components/BlockCardThreeColumn.vue
@@ -272,10 +272,6 @@ const parsedDateFormat = computed(() => {
       display: flex;
       justify-content: left;
       gap: 16px;
-
-      .block-tag .label {
-        padding-left: 10px
-      }
     }
   }
 
diff --git a/src/styles/default/_base-calendar.scss b/src/styles/default/_base-calendar.scss
index 82361072a..188005cf9 100644
--- a/src/styles/default/_base-calendar.scss
+++ b/src/styles/default/_base-calendar.scss
@@ -21,7 +21,6 @@
   }
 
   .v-calendar-header__title {
-    // @include h3; // ?
     font-size: 40px;
     font-weight: 800;
     color: $heading-grey;