fix(frontend): make header checkin button full width

assets/css/build/public.css

@@ -961,6 +961,8 @@ strong, b {
 .but > .fa:not(.fa-angle-right),
 .but > i[class*="fa-"]:not(.fa-angle-right) { margin-right: 0.25em; }
 
+.but.block { display: block; }
+
 /* hover / active */
 .but:focus,
 .but:hover { opacity: 0.8; color: var(--this-color); }

assets/css/core/buttons.css

@@ -182,6 +182,8 @@
 .but > .fa:not(.fa-angle-right),
 .but > i[class*="fa-"]:not(.fa-angle-right) { margin-right: 0.25em; }
 
+.but.block { display: block; }
+
 /* hover / active */
 .but:focus,
 .but:hover { opacity: 0.8; color: var(--this-color); }

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

@@ -180,6 +180,7 @@ test('guest account member VIP and publish contracts share reference header DOM'
 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');
 
   // Stats row is wired with the reference wrapper and carries the posts chip.
   assert.match(header, /aksrt_header_user_badges_row\(\$user_id\)/);
@@ -216,6 +217,7 @@ 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(buttonsCss, /\.but\.block\s*\{\s*display:\s*block;\s*\}/);
   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.