From 4de4f63614456712f81ccc532f49c8edb073861f Mon Sep 17 00:00:00 2001
From: pyr0ball <pyroballpcs@gmail.com>
Date: Wed, 15 Apr 2026 09:48:19 -0700
Subject: [PATCH] fix(kiwi-a11y): btn-icon touch targets; aria-busy loading;
 role=alert on error (C4-C6, #80)

---
 frontend/src/components/RecipesView.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/RecipesView.vue b/frontend/src/components/RecipesView.vue
index f0c5029..53dbf28 100644
--- a/frontend/src/components/RecipesView.vue
+++ b/frontend/src/components/RecipesView.vue
@@ -389,13 +389,13 @@
               <span v-if="recipe.is_wildcard" class="status-badge status-warning">Wildcard</span>
               <button
                 v-if="recipe.id"
-                :class="['btn-bookmark', { active: recipesStore.isBookmarked(recipe.id) }]"
+                :class="['btn-icon', 'btn-bookmark', { active: recipesStore.isBookmarked(recipe.id) }]"
                 @click="recipesStore.toggleBookmark(recipe)"
                 :aria-label="recipesStore.isBookmarked(recipe.id) ? 'Remove bookmark: ' + recipe.title : 'Bookmark: ' + recipe.title"
               >{{ recipesStore.isBookmarked(recipe.id) ? '★' : '☆' }}</button>
               <button
                 v-if="recipe.id"
-                class="btn-dismiss"
+                class="btn-icon btn-dismiss"
                 @click="recipesStore.dismiss(recipe.id)"
                 :aria-label="'Hide recipe: ' + recipe.title"
               >✕</button>