TK-10905: fix admin pill overlap at 375px — reposition below header on <=640px screens

e38871f772d30d8d4891434cb45d4014661c9696 · 2026-08-27 04:41:10 -0700 · steve@designerwallcoverings.com

Files touched

M public/user-badge.js

Diff

commit e38871f772d30d8d4891434cb45d4014661c9696
Author: steve@designerwallcoverings.com <steve@designerwallcoverings.com>
Date:   Thu Aug 27 04:41:10 2026 -0700

    TK-10905: fix admin pill overlap at 375px — reposition below header on <=640px screens
---
 public/user-badge.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/public/user-badge.js b/public/user-badge.js
index aa1d7d9..5aaea0e 100644
--- a/public/user-badge.js
+++ b/public/user-badge.js
@@ -78,6 +78,7 @@
     if (document.getElementById('crcp-ub-style')) return;
     var css = '' +
       '#crcp-ub{position:fixed;top:8px;right:12px;z-index:99999;font:13px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}' +
+      '@media(max-width:640px){#crcp-ub{top:60px;right:8px}}' + +
       '#crcp-ub .pill{display:flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;cursor:pointer;' +
       'background:rgba(19,24,34,.92);color:#eef2f8;border:1px solid rgba(217,178,95,.45);backdrop-filter:blur(6px);' +
       '-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 14px rgba(0,0,0,.35);user-select:none;white-space:nowrap}' +

← f5bbff1 auto-data-snapshot: 2026-08-27T03:25:19 (2 data files) — dat · back to Commercialrealestate · auto-data-snapshot: 2026-08-27T04:38:11 (2 data files) — dat 005c9dd →