Align top better

2025-05-08 15:20:25 -05:00
parent ce2e8c983d
commit b693670c02
1 changed files with 6 additions and 3 deletions
@@ -115,11 +115,10 @@
  .card-perma__notch--top {
    grid-area: notch-top;
    inline-size: 100%;
-    inset-inline-start: 50%;
+    margin-block-start: -4ch;
    max-inline-size: 36ch;
    padding-inline: 1ch;
-    position: absolute;
-    translate: -50% -50%;
+    translate: 0 50%;

    .btn {
      --btn-border-color: var(--card-color);
@@ -132,6 +131,10 @@
        --btn-color: var(--color-ink-inverted);
      }
    }
+
+    @media (max-width: 580px) {
+      margin-block-start: -2ch;
+    }
  }

  .card-perma__notch--bottom {