From d1e2bf19643c7c84d95777e040d0cf22854f55c8 Mon Sep 17 00:00:00 2001
From: michael <operations@dangerousthings.com>
Date: Fri, 13 Mar 2026 05:03:46 -0700
Subject: [PATCH] fix: tune card badge position to 25% of bevel-md for
 responsive corner clipping

---
 packages/web/src/components/bevels.css | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/web/src/components/bevels.css b/packages/web/src/components/bevels.css
index 97f8c47..20fd26a 100644
--- a/packages/web/src/components/bevels.css
+++ b/packages/web/src/components/bevels.css
@@ -580,13 +580,12 @@
 
 /* Card-level badge slot — positioned so the card's bevel clip-path
    clips the badge's bottom-right corner at 45 degrees.
-   bottom/right: 3px aligns with the inner frame border edge.
-   The badge extends into the bevel zone and gets clipped. */
+   Values tuned so the badge is mostly visible with just the corner clipped. */
 .card > .dt-card-badge,
 .dt-bevel-card > .dt-card-badge {
   position: absolute;
-  bottom: 3px;
-  right: 3px;
+  bottom: calc(var(--bevel-md) * 0.25);
+  right: calc(var(--bevel-md) * 0.25);
   z-index: 4;
 }