Changed style of event callouts

components/calendar/search/lists/EventCallout.vue

@@ -21,11 +21,11 @@ const dateDuration = computed<string | null>(() => props.event.endDate ? getRela
 
 <template>
   <button
-    class="relative block w-full text-left py-3 px-4 rounded-sm transition-colors"
+    class="event relative block w-full text-left py-3 px-4 rounded-sm transition-colors"
     :class="cn(
       event.category ? `event-${event.category.color}` : '',
       {
-        'pt-4': event.hidden,
+        'pt-4 is-hidden': event.hidden,
       })"
     @click="$emit('query:date-jump', event.startDate)"
   >

components/calendar/search/lists/SearchList.vue

@@ -60,7 +60,7 @@ const pagedResults = computed(() => sortedResults.value.slice(props.startAt, pro
 </script>
 
 <template>
-  <ul class="grid gap-4">
+  <ul class="grid gap-4 pl-8 pr-12">
     <li v-for="r in pagedResults" :key="isCalendarEvent(r) ? r.title : r.name">
       <EventCallout v-if="isCalendarEvent(r)" :event="r" @query:date-jump="handleJumpToDate" />