diff --git a/src/pages/EventsPage.tsx b/src/pages/EventsPage.tsx index 5c1403c..d5bdf73 100644 --- a/src/pages/EventsPage.tsx +++ b/src/pages/EventsPage.tsx @@ -237,7 +237,7 @@ function EventsToolbar({ const hasActiveChips = selectedTypes.length > 0 || trustFilter !== 'all' || sortBy !== 'recent'; return ( -
+
{/* Main view tabs: Events / Tours / Hosting */}
{(['events', 'tours', ...(showHosting ? ['hosting'] as const : [])] as MainView[]).map((view) => { @@ -251,7 +251,7 @@ function EventsToolbar({ key={view} onClick={() => onViewChange(view)} className={cn( - 'relative flex items-center gap-1.5 px-3 py-2 rounded-xl font-black text-xs uppercase tracking-wide transition-all duration-150 active:scale-95 flex-1 justify-center', + 'relative flex items-center gap-1.5 px-3 py-1.5 md:py-2 rounded-xl font-black text-xs uppercase tracking-wide transition-all duration-150 active:scale-95 flex-1 justify-center', isActive ? a.active : 'text-gray-500 bg-white/5 hover:bg-white/10 hover:text-white border border-transparent' @@ -287,7 +287,7 @@ function EventsToolbar({ key={tab} onClick={() => onTabChange(tab)} className={cn( - 'flex-1 flex items-center justify-center gap-1.5 px-3 py-1.5 rounded-lg text-xs font-black uppercase tracking-wide transition-all', + 'flex-1 flex items-center justify-center gap-1.5 px-3 py-1 md:py-1.5 rounded-lg text-xs font-black uppercase tracking-wide transition-all', isActive ? 'bg-[#ccff00] text-black shadow-sm' : 'text-gray-500 hover:text-gray-300' @@ -403,9 +403,9 @@ function EventsToolbar({
)} - {/* Results count */} + {/* Results count — desktop only; on mobile it's just noise eating space */} {mainView !== 'hosting' && !isLoading && ( -

+

{totalCount === 0 ? 'No results' : `${totalCount} result${totalCount !== 1 ? 's' : ''}`}

)} @@ -1080,7 +1080,7 @@ export default function EventsPage() { {/* ── Quick date-window chips (events · upcoming) ── */} {mainView === 'events' && activeTab === 'upcoming' && ( -
+
{(['all', 'today', 'weekend', 'week', 'month'] as DateWindow[]).map((w) => { const active = dateWindow === w; const label = w === 'all' ? 'Anytime' : DATE_WINDOW_LABELS[w]; @@ -1090,7 +1090,7 @@ export default function EventsPage() { type="button" onClick={() => setDateWindow(w)} className={cn( - 'flex-shrink-0 rounded-full border px-3 py-1.5 text-xs font-bold uppercase tracking-wide transition-all active:scale-95', + 'flex-shrink-0 rounded-full border px-3 py-1 md:py-1.5 text-xs font-bold uppercase tracking-wide transition-all active:scale-95', active ? 'border-[#ccff00] bg-[#ccff00] text-black' : 'border-white/10 bg-white/5 text-gray-400 hover:border-white/20 hover:text-white', @@ -1104,7 +1104,7 @@ export default function EventsPage() { )} {/* ── Results ── */} -
+
{/* Hosting dashboard */} {mainView === 'hosting' && }