From e459a52b5bb4243bde06f0902951e045b9f5ce4d Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Thu, 9 Apr 2026 12:35:35 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=85=8D=E6=96=B9=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E6=80=BB=E6=88=90=E6=9C=AC=E6=9D=A1=E5=92=8C=E5=BA=95=E9=83=A8?=
 =?UTF-8?q?=E8=A1=8C=E6=81=A2=E5=A4=8D=E5=85=A8=E5=AE=BD=EF=BC=8C=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=E4=B8=8E=E5=AE=9E=E9=99=85=E4=B8=80=E8=87=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- card-content padding-right:80px 给QR留空间
- card-total 和 card-bottom-row 用 margin-right:-80px 抵消padding
  恢复全宽显示（总成本条和日期行不被QR挤压）
- 预览图和实际卡片布局验证一致

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/RecipeDetailOverlay.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/RecipeDetailOverlay.vue b/frontend/src/components/RecipeDetailOverlay.vue
index 0584d54..0f0d420 100644
--- a/frontend/src/components/RecipeDetailOverlay.vue
+++ b/frontend/src/components/RecipeDetailOverlay.vue
@@ -1122,7 +1122,7 @@ async function saveRecipe() {
 .card-content {
   position: relative;
   z-index: 2;
-  padding-right: 70px; /* leave room for QR */
+  padding-right: 80px; /* leave room for QR (54px) + gap */
 }
 
 /* Brand overlays */
@@ -1180,6 +1180,8 @@ async function saveRecipe() {
   justify-content: space-between;
   align-items: flex-end;
   margin-top: 16px;
+  margin-right: -80px; /* counteract card-content padding-right to span full width */
+  padding-right: 0;
 }
 
 .card-brand-text {
@@ -1278,6 +1280,7 @@ async function saveRecipe() {
   justify-content: space-between;
   align-items: center;
   margin-top: 8px;
+  margin-right: -80px; /* counteract card-content padding-right */
 }
 
 .card-total-label {