Update style

src/lib/CollectionList.svelte

@@ -20,7 +20,7 @@
 </script>
 
 {#each arr as item}
-    <div class="p-4">
+    <div class="p-4 hover:bg-pbw-yellow/30 rounded-2xl">
         {#if item[img]}
             <div class="w-full mb-4">
                 <a href={_url(col, item)}><img src={item[img]} class="rounded-2xl w-full {aspect} object-cover" /></a>

src/routes/[entry]/+page.svelte

@@ -16,7 +16,7 @@
         <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 my-6 text-center text-4xl">
             <CollectionList arr={data.bundle.unions} img="logo" col="union" entry={entry} />
         </div>
-        <h2 class="text-2xl uppercase font-bold text-gray-500">Events ({data.bundle.events.length})</h2>
+        <h2 class="text-2xl uppercase font-bold text-gray-500">Big events ({data.bundle.events.length})</h2>
         <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6 my-6 text-center text-2xl">
             <CollectionList arr={data.bundle.events} img="logo" col="event" entry={entry}/>
         </div>

src/routes/[entry]/[type]/[slug]/+page.svelte

@@ -80,7 +80,7 @@
             {/if}
         {/if}
         {#if col === "union"}
-            <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500">Events</h2>
+            <h2 class="text-2xl uppercase font-bold mt-10 text-gray-500">Big events ({data.bundle.events.filter(e => e.union === item.id).length})</h2>
             <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 xl:grid-cols-6 mt-4 text-2xl text-center">
                 <CollectionList arr={data.bundle.events.filter(e => e.union === item.id)} col="event" img="logo" />
             </div>