From abfa34fff89354135418173d142b17157d24fa56 Mon Sep 17 00:00:00 2001
From: tree <tree@hidden.cz>
Date: Sat, 2 Mar 2024 18:15:26 +0100
Subject: [PATCH] events filter border

---
 src/components/EventsPage.astro | 23 +++++++++++------------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/components/EventsPage.astro b/src/components/EventsPage.astro
index 6f967df..3715122 100644
--- a/src/components/EventsPage.astro
+++ b/src/components/EventsPage.astro
@@ -75,15 +75,15 @@ places = places.sort((x, y) => x.num < y.num ? 1 : -1)
 
 	<div class="middle-pane-medium mt-10">
 
-        <div class="mb-10 sm:mb-14">
+        <div class="mb-8 sm:mb-14">
             <div class="flex flex-wrap gap-3 uppercase mb-4">
                 {types.map((type) => (
-                    <a href={`/events/${type.id}`} class="px-2 py-0 border border-white/15 rounded-xl" class:list={[ (type.id === selectedType) || (!type.id && !selectedType)? 'text-white border-white' : 'hover:bg-white/20']}>{type.plural} ({type.id ? core.events.filter(obj => obj.type === type.id).length : core.events.length})</a>
+                    <a href={`/events/${type.id}`} class="px-2 py-0 border border-white/15 rounded-xl" class:list={[ (type.id === selectedType) || (!type.id && !selectedType)? 'text-white border-white/60' : 'hover:bg-white/20']}>{type.plural} ({type.id ? core.events.filter(obj => obj.type === type.id).length : core.events.length})</a>
                 ))}
             </div>
             <div class="flex flex-wrap gap-2 uppercase text-sm">
                 {places.map((place) => (
-                    <a href={place.id ? `/events/country/${place.id}` : `/events`} class="px-2 py-0.5 border border-white/15 rounded-xl flex gap-2" class:list={[ (place.id === selectedCountry) || (!place.id && !selectedCountry)? 'text-white border-white' : 'hover:bg-white/20']}>
+                    <a href={place.id ? `/events/country/${place.id}` : `/events`} class="px-2 py-0.5 border border-white/15 rounded-xl flex gap-2" class:list={[ (place.id === selectedCountry) || (!place.id && !selectedCountry)? 'text-white border-white/60' : 'hover:bg-white/20']}>
                         {place.id &&
                             <img src={`/flags/${place.country}.svg`} class="w-4 inline-block" />
                         }
@@ -97,16 +97,15 @@ places = places.sort((x, y) => x.num < y.num ? 1 : -1)
 			<img src="/events-map.svg" class="w-full" />
 		</div-->
 
-		{upcoming.length > 0 &&
-			<div>
-				<h1 id="upcoming">Upcoming {title} ({upcoming.length})</h1>
-				<div class="mb-10">
-					{upcoming.map((event) => (
-						<EventItem item={event} />
-					))}
-				</div>
+		{upcoming.length > 0} 
+		<div>
+			<h1 id="upcoming">Upcoming {title} ({upcoming.length})</h1>
+			<div class="mb-10">
+				{upcoming.map((event) => (
+					<EventItem item={event} />
+				))}
 			</div>
-		}
+		</div>
 
 		{pastTotal > 0 &&
 			<div>