From aef22f704f0c6a2eaf98bdcb918baf7d8b5a7f06 Mon Sep 17 00:00:00 2001
From: Dmytro Stanchiev <git@dmytros.dev>
Date: Thu, 9 Apr 2026 01:10:37 -0400
Subject: [PATCH] =?UTF-8?q?=E2=99=BF=EF=B8=8F=20feat:=20keep=20event=20act?=
 =?UTF-8?q?ions=20menu=20visible?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/event-card.tsx |  3 ++-
 tests/event-card.test.ts      | 31 +++++++++++++++++++++++++++++++
 2 files changed, 33 insertions(+), 1 deletion(-)
 create mode 100644 tests/event-card.test.ts

diff --git a/src/components/event-card.tsx b/src/components/event-card.tsx
index c0ba8ce..3447eb9 100644
--- a/src/components/event-card.tsx
+++ b/src/components/event-card.tsx
@@ -124,7 +124,8 @@ export const EventCard = ({ event, onEdit, onDelete }: EventCardProps) => {
 							<Button
 								variant="ghost"
 								size="icon"
-								className="h-7 w-7 shrink-0 opacity-0 group-hover:opacity-100 transition-opacity duration-150"
+								className="h-7 w-7 shrink-0 text-muted-foreground/70 hover:text-foreground"
+								aria-label="Event actions"
 							>
 								<MoreHorizontal className="h-3.5 w-3.5" />
 								<span className="sr-only">Event actions</span>
diff --git a/tests/event-card.test.ts b/tests/event-card.test.ts
new file mode 100644
index 0000000..7afc985
--- /dev/null
+++ b/tests/event-card.test.ts
@@ -0,0 +1,31 @@
+import { describe, expect, test } from "bun:test";
+import { renderToStaticMarkup } from "react-dom/server";
+import { EventCard } from "@/components/event-card";
+import type { CalendarEvent } from "@/lib/types";
+
+const sampleEvent: CalendarEvent = {
+	id: "evt_1",
+	title: "Design Review",
+	start: "2026-04-09T10:00:00+00:00",
+	end: "2026-04-09T11:00:00+00:00",
+	description: "Review the updated event list UI.",
+	location: "Studio A",
+	url: "https://example.com/event",
+	allDay: false,
+};
+
+describe("EventCard actions trigger", () => {
+	test("shows the triple-dots trigger without requiring hover and exposes an aria-label for the icon-only button", () => {
+		const markup = renderToStaticMarkup(
+			EventCard({
+				event: sampleEvent,
+				onEdit: () => {},
+				onDelete: () => {},
+			}),
+		);
+
+		expect(markup).toContain('aria-label="Event actions"');
+		expect(markup).not.toContain("opacity-0");
+		expect(markup).not.toContain("group-hover:opacity-100");
+	});
+});