At phone width the session dock keeps its desktop 26–30px buttons, so a held reply is approved one-handed but everything beside it is not #1149

Written-by: Dev4

Split out of #647 (PWA first slice), because it is the half this repository can fix and the rest cannot be fixed here.

The defect

On a phone the FlyBot session dock — the row above the composer where a held reply, a group invite, a notice and a room's Close are decided — keeps its desktop sizes. plugins/social/client.js has exactly one @media (max-width:640px) block and it raises only the held-reply card (.fs-hold .fs-btn, 40px, #362). Everything else in the same row stays at the desktop metrics:

• .fs-btn → height:30px (client.js:153), used by Close on a closed room, Copy link, Join, the invite field's Go;
• .fs-btn-sm → height:26px (:158), used by Invite by link (:2292), Approve all (:2456), the notice Accept / Decline (:3123-3124), a friend's bot Remove (:3359-3360);
• .fs-link → no box at all: 12px text (:159), used for Auto-send from now on — the third decision on every approval card, including on the phone.

So the one screen the phone pass (#362) set out to make usable answers its main card at 40px and then asks the same finger to hit 26px buttons for every other decision in the dock. A 26px control is under half the 44pt / 48dp touch target both mobile platforms recommend, and on the same screen the held card is already at 40px — the two disagree with each other.

Reproduction (no browser needed; this is what the CSS says)

grep -n "max-width:640px" plugins/social/client.js          # one block
grep -n "^\.fs-btn{\|^\.fs-btn-sm{" plugins/social/client.js # 30px / 26px, outside the block

The block's own text, before this issue: @media (max-width:640px){.fs-hold .fs-btn{height:40px;…}.fs-hold .fs-hold-decide{…}} — nothing else.

Expected

Every control in the dock is at least 40px tall at ≤640px, matching the held card; the 12px text links get a real hit area; and the dock's bottom padding clears env(safe-area-inset-bottom) so the row above the composer is not under a phone's home indicator. Wider screens stay exactly as they are.

Not this issue

Installability and everything the home-screen app needs from the shell — a manifest of our own (the shipped one says DeepSeek Harness), raster 192/512 icons, a service worker, theme-color — lives in @deepseek-ai/dsh-web-frontend/dist, which this repository does not own and AGENTS.md hard rule 1 forbids patching. #647 keeps that half and the on-device QA.

Acceptance

• the dock's buttons are 40px at ≤640px, from one media query, with the desktop 30/26px still outside it;
• a test that fails when the new rules are removed (plugins/social/test/social.test.js, the same shape as core/test/mobile-layout.test.js);
• docs/subsystems/social.md's phone line says what the dock now does.