fix(frontend): align header checkin width

assets/css/build/public.css

@@ -2876,6 +2876,13 @@ main.container,
   color: var(--color-ink-2);
 }
 
+/* Keep the block CTA flush with the VIP row's padded inner width. */
+.aksrt-header-userbox > .mt6.em09 > .but.block {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+}
+
 /* Top-nav bell badge (the card itself uses the legacy badge.top element). */
 .aksrt-nav-notification .aksrt-notification-badge {
   position: absolute;

assets/css/frontend/header-userbox.css

@@ -170,6 +170,13 @@
   color: var(--color-ink-2);
 }
 
+/* Keep the block CTA flush with the VIP row's padded inner width. */
+.aksrt-header-userbox > .mt6.em09 > .but.block {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+}
+
 /* Top-nav bell badge (the card itself uses the legacy badge.top element). */
 .aksrt-nav-notification .aksrt-notification-badge {
   position: absolute;

tests/navigation/legacy-navigation-contract.test.cjs

@@ -181,6 +181,7 @@ test('the account popover rows match the reference user box structure', () => {
   const identity = read('inc/helpers/aksrt-identity.php');
   const legacyMainCss = read('assets/css/main.css');
   const buttonsCss = read('assets/css/core/buttons.css');
+  const headerUserboxCss = read('assets/css/frontend/header-userbox.css');
 
   // Stats row is wired with the reference wrapper and carries the posts chip.
   assert.match(header, /aksrt_header_user_badges_row\(\$user_id\)/);
@@ -217,7 +218,11 @@ test('the account popover rows match the reference user box structure', () => {
 
   // Check-in entry is an anchor with the reference button classes.
   assert.match(header, /but block c-yellow/);
+  assert.match(header, /but block c-yellow is-done/);
   assert.match(buttonsCss, /\.but\.block\s*\{\s*display:\s*block;\s*\}/);
+  assert.doesNotMatch(header, /but block c-yellow[^"']*btn-block/);
+  assert.match(headerUserboxCss, /\.aksrt-header-userbox > \.mt6\.em09 > \.but\.block\s*\{\s*display:\s*block;\s*box-sizing:\s*border-box;\s*width:\s*100%;/s);
+  assert.match(header, /<div class="mt6 em09" style="padding:2px;">' \. \$checkin \. '<\/div>/);
   assert.match(header, /data-signin-done-label[\s\S]{0,120}?今日已签到/);
   // The reference renders fa-calendar-check-o, an outline glyph; FA5 keeps that
   // look through the regular weight rather than the solid one.