From 206e64490e91c89a6969bf91c9c6fa9c7fde8ee4 Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Fri, 25 Sep 2026 17:05:41 +0200
Subject: [PATCH] Update cookcli-recipe-strategy.js

---
 .../cookcli/www/cookcli-recipe-strategy.js    | 25 +++++++++++--------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/custom_components/cookcli/www/cookcli-recipe-strategy.js b/custom_components/cookcli/www/cookcli-recipe-strategy.js
index acf89c1..95598e1 100644
--- a/custom_components/cookcli/www/cookcli-recipe-strategy.js
+++ b/custom_components/cookcli/www/cookcli-recipe-strategy.js
@@ -455,17 +455,22 @@ class CookCliRecipeViewStrategy extends HTMLElement {
         if (!seconds) continue;
         const label = `${timer.duration ?? ""} ${timer.unit ?? ""}`.trim();
         leftCards.push({
-          type: "button",
-          name: `Démarrer ${label}`,
-          icon: "mdi:timer-outline",
-          tap_action: {
-            action: "perform-action",
-            perform_action: "timer.start",
-            target: { entity_id: config.timer_entity },
-            data: { duration: this._secondsToHms(seconds) },
-          },
+          type: "horizontal-stack",
+          cards: [
+            {
+              type: "button",
+              name: `Démarrer ${label}`,
+              icon: "mdi:timer-outline",
+              tap_action: {
+                action: "perform-action",
+                perform_action: "timer.start",
+                target: { entity_id: config.timer_entity },
+                data: { duration: this._secondsToHms(seconds) },
+              },
+            },
+            { type: "custom:circular-timer-card", entity: config.timer_entity },
+          ],
         });
-        leftCards.push({ type: "custom:circular-timer-card", entity: config.timer_entity });
       }
     }