fix: style of recipe actions to be compliant with design schema (#5736)

frontend/components/Domain/Recipe/RecipeContextMenu.vue

@@ -125,25 +125,20 @@
         </v-list-item>
         <div v-if="useItems.recipeActions && recipeActions && recipeActions.length">
           <v-divider />
-          <v-list-group @click.stop>
+          <v-list-item
-            <template #activator="{ props }">
+            v-for="(action, index) in recipeActions"
-              <v-list-item-title v-bind="props">
+            :key="index"
-                {{ $t("recipe.recipe-actions") }}
+            @click="executeRecipeAction(action)"
-              </v-list-item-title>
+          >
+            <template #prepend>
+              <v-icon color="undefined">
+                {{ $globals.icons.linkVariantPlus }}
+              </v-icon>
             </template>
-            <v-list density="compact" class="ma-0 pa-0">
+            <v-list-item-title>
-              <v-list-item
+              {{ action.title }}
-                v-for="(action, index) in recipeActions"
+            </v-list-item-title>
-                :key="index"
+          </v-list-item>
-                class="pl-6"
-                @click="executeRecipeAction(action)"
-              >
-                <v-list-item-title>
-                  {{ action.title }}
-                </v-list-item-title>
-              </v-list-item>
-            </v-list>
-          </v-list-group>
         </div>
       </v-list>
     </v-menu>

frontend/lib/icons/icons.ts

@@ -151,6 +151,7 @@ import {
   mdiKnife,
   mdiCookie,
   mdiBellPlus,
+  mdiLinkVariantPlus,
 } from "@mdi/js";
 
 export const icons = {
@@ -236,6 +237,7 @@ export const icons = {
   informationOutline: mdiInformationOutline,
   informationVariant: mdiInformationVariant,
   link: mdiLink,
+  linkVariantPlus: mdiLinkVariantPlus,
   lock: mdiLock,
   logout: mdiLogout,
   menu: mdiMenu,

frontend/pages/group/data/recipe-actions.vue

@@ -4,7 +4,7 @@
     <BaseDialog
       v-model="state.createDialog"
       :title="$t('data-pages.recipe-actions.new-recipe-action')"
-      :icon="$globals.icons.primary"
+      :icon="$globals.icons.linkVariantPlus"
       can-submit
       @submit="createAction"
     >
@@ -34,7 +34,7 @@
     <!-- Edit Dialog -->
     <BaseDialog
       v-model="state.editDialog"
-      :icon="$globals.icons.primary"
+      :icon="$globals.icons.linkVariantPlus"
       :title="$t('data-pages.recipe-actions.edit-recipe-action')"
       :submit-text="$t('general.save')"
       can-submit
@@ -115,7 +115,7 @@
 
     <!-- Data Table -->
     <BaseCardSectionTitle
-      :icon="$globals.icons.primary"
+      :icon="$globals.icons.linkVariantPlus"
       section
       :title="$t('data-pages.recipe-actions.recipe-actions-data')"
     />