From 5ab4083842a7b2d8770916a356d1a79982241a64 Mon Sep 17 00:00:00 2001 From: shashankm9 Date: Thu, 19 Feb 2026 21:32:55 -0600 Subject: [PATCH] Fix: event card equal height and single-line title with ellipsis --- src/components/CommunityPortal/CPDashboard.jsx | 6 ++++-- src/components/CommunityPortal/CPDashboard.module.css | 6 ++++++ 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/src/components/CommunityPortal/CPDashboard.jsx b/src/components/CommunityPortal/CPDashboard.jsx index 8083c8a876..3353f41a49 100644 --- a/src/components/CommunityPortal/CPDashboard.jsx +++ b/src/components/CommunityPortal/CPDashboard.jsx @@ -257,8 +257,10 @@ export function CPDashboard() {
- -
{event.title}
+ +
+ {event.title} +

{formatDate(event.date)}

diff --git a/src/components/CommunityPortal/CPDashboard.module.css b/src/components/CommunityPortal/CPDashboard.module.css index fe0ba38538..d6019b08fc 100644 --- a/src/components/CommunityPortal/CPDashboard.module.css +++ b/src/components/CommunityPortal/CPDashboard.module.css @@ -339,6 +339,7 @@ .eventCardCol { display: flex; + margin-bottom: 1.5rem; } .eventCard:hover { @@ -353,6 +354,7 @@ .eventCard { width: 100%; + height: 100%; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); @@ -386,6 +388,10 @@ font-weight: bold; font-size: 1.3rem; line-height: 1.4; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + cursor: default; } .eventDate,