From 8832a4284abb53509ee3daec7d2f485ca0db5260 Mon Sep 17 00:00:00 2001
From: Brenda Wallace <brenda@wallace.net.nz>
Date: Mon, 21 Sep 2026 08:07:04 +1200
Subject: [PATCH] Show the garden card actions menu as three dots

Matches the planting rows, and gives the button an aria-label naming
the garden.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 app/javascript/components/GardenCard.jsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/app/javascript/components/GardenCard.jsx b/app/javascript/components/GardenCard.jsx
index c467e624f..499fa680e 100644
--- a/app/javascript/components/GardenCard.jsx
+++ b/app/javascript/components/GardenCard.jsx
@@ -26,6 +26,9 @@ export default function GardenCard({garden, defaultIconUrl, onPlant, highlighted
         <ActionsMenu
           id={`garden-${id}`}
           actions={actions}
+          label={<i className="fa fa-ellipsis-v" aria-hidden="true" />}
+          ariaLabel={`Actions for ${name}`}
+          className="btn btn-sm btn-link actions-toggle-dots"
           onSelect={(action, event) => {
             if (action.key === 'plant' && onPlant && isPlainClick(event)) {
               event.preventDefault();