Fix archive card button overlap at narrow viewport widths (#641)

The "Reprint" and "Schedule" buttons at the bottom of archive cards
  overlapped when the browser was narrower than the card grid expected
  (e.g. half-screen on a 2K monitor). The text labels used a viewport-
  based sm: breakpoint that didn't account for actual card width.

  Added overflow-hidden to the flex buttons and truncate to the text
  spans so labels clip with ellipsis instead of bleeding into neighbors.
This commit is contained in:
maziggy
2026-03-10 09:00:12 +01:00
parent f7d733dd96
commit ea07a0ab8e
4 changed files with 9 additions and 8 deletions
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -23,7 +23,7 @@
<!-- Splash screens for iOS -->
<link rel="apple-touch-startup-image" href="/img/android-chrome-512x512.png" />
<script type="module" crossorigin src="/assets/index-C4tUDnR9.js"></script>
<script type="module" crossorigin src="/assets/index-BmG2qPP8.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BoLtXYT2.css">
</head>
<body>