Phone UX: number renders as plain text + a 📞 call icon beside it (tel: link on the icon, not the number); applies to every phone field across all tabs (Phone 1-4, Phone(s), Company Phone)

ff8d35abd28e51525b99e83e5a99ec4909b46b5f · 2026-08-13 15:00:10 -0700 · Steve Abrams

Files touched

M public_live/index.html

Diff

commit ff8d35abd28e51525b99e83e5a99ec4909b46b5f
Author: Steve Abrams <steve@designerwallcoverings.com>
Date:   Thu Aug 13 15:00:10 2026 -0700

    Phone UX: number renders as plain text + a 📞 call icon beside it (tel: link on the icon, not the number); applies to every phone field across all tabs (Phone 1-4, Phone(s), Company Phone)
---
 public_live/index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/public_live/index.html b/public_live/index.html
index e303046..f7f417a 100644
--- a/public_live/index.html
+++ b/public_live/index.html
@@ -75,6 +75,7 @@
   td.saved{background:var(--green);color:var(--greenink)}
   td.enriched{box-shadow:inset 3px 0 0 #7bc043;background:rgba(123,192,67,.09)}
   td a{color:var(--accent);text-decoration:none} .namecell{font-weight:600}
+  a.callbtn{margin-left:5px;text-decoration:none;cursor:pointer;font-size:.95em;opacity:.75} a.callbtn:hover{opacity:1}
   .rowbtn{background:var(--accent);color:#04121f;border:0;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}
   .grouphdr td{background:#12161c;color:var(--accent);font-weight:700;font-size:12px;padding:6px 9px;position:sticky;top:26px}
   /* cards */
@@ -357,7 +358,7 @@ function phoneLinkify(v){
   const re=/(\+?1[-.\s]?)?\(?\d{3}\)?[-.\s]?\d{3}[-.\s]?\d{4}/g; let out='',last=0,m;
   while((m=re.exec(v))){ out+=esc(v.slice(last,m.index));
     let d=m[0].replace(/\D/g,''); if(d.length===10)d='1'+d;
-    out+=`<a href="tel:+${esc(d)}" title="Click to call">${esc(m[0])}</a>`; last=m.index+m[0].length; }
+    out+=esc(m[0])+`<a class="callbtn" href="tel:+${esc(d)}" title="Call ${esc(m[0])}">📞</a>`; last=m.index+m[0].length; }
   out+=esc(v.slice(last)); return out||esc(v);
 }
 function esc(s){return String(s==null?'':s).replace(/[&<>"]/g,m=>({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'}[m]))}

← a8e0412 Remove jumpy 'Wider' bulk button (bumped all cols +60 -> lur · back to Rentv Sheet Enrich · Composer: wider default (620px) + drag left edge to resize/e 58db3f6 →