From 53e7508097c9536381ef4e3cfff3f997bf3e4b80 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Mon, 25 Aug 2025 10:45:08 -0500
Subject: [PATCH] Use magic number to position bottom notch on card perma

---
 app/assets/stylesheets/card-perma.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/card-perma.css b/app/assets/stylesheets/card-perma.css
index 2a6b08fc8..19727cef8 100644
--- a/app/assets/stylesheets/card-perma.css
+++ b/app/assets/stylesheets/card-perma.css
@@ -192,11 +192,13 @@
   }
 
   .card-perma__notch--bottom {
+    --half-btn-height: 1.25rem;
+
     grid-area: notch-bottom;
 
-    /* Translate the buttons instead of the container to allow for wrapping */
-    .btn {
-      translate: 0 -50%;
+    /* Overlap the card BG by half the button height */
+    &:has(.btn) {
+      translate: 0 calc(-1 * var(--half-btn-height));
     }
 
     &:has([open]) {
@@ -227,6 +229,5 @@
 
   .card-perma__closure-message {
     color: var(--card-color);
-    translate: 0 -100%;
   }
 }