From 485f0b69c83b2eaa1d314ccb542da285f3b8de7a Mon Sep 17 00:00:00 2001
From: Scott Pouliot <spouliot@scppowdercoating.com>
Date: Sat, 16 May 2026 21:51:32 -0400
Subject: [PATCH] Format Log Material dropdown as 'Manufacturer - Name (UoM)'

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/PowderCoating.Web/wwwroot/js/log-material.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/PowderCoating.Web/wwwroot/js/log-material.js b/src/PowderCoating.Web/wwwroot/js/log-material.js
index 286f551..b54b86b 100644
--- a/src/PowderCoating.Web/wwwroot/js/log-material.js
+++ b/src/PowderCoating.Web/wwwroot/js/log-material.js
@@ -37,10 +37,12 @@
     }
 
     function lmMakeRow(it) {
-        const label = it.name + (it.unitOfMeasure ? ' (' + it.unitOfMeasure + ')' : '');
-        const mfr = it.manufacturer
-            ? `<span class="text-muted ms-1" style="font-size:.78rem;">${escLm(it.manufacturer)}</span>`
-            : '';
+        const display = (it.manufacturer ? escLm(it.manufacturer) + ' &ndash; ' : '') +
+                        escLm(it.name) +
+                        (it.unitOfMeasure ? ' <span class="text-muted" style="font-size:.82rem;">(' + escLm(it.unitOfMeasure) + ')</span>' : '');
+        const label = (it.manufacturer ? it.manufacturer + ' - ' : '') +
+                      it.name +
+                      (it.unitOfMeasure ? ' (' + it.unitOfMeasure + ')' : '');
         return `<div class="lm-item-opt" style="padding:.35rem .75rem;font-size:.875rem;cursor:pointer;"
                      data-id="${it.id}"
                      data-qty="${it.quantityOnHand}"
@@ -49,7 +51,7 @@
                      onmousedown="event.preventDefault(); lmComboSelect(this)"
                      onmouseenter="this.style.background='#f0f4ff'"
                      onmouseleave="this.classList.contains('lm-active') ? null : this.style.background=''">
-                ${escLm(label)}${mfr}
+                ${display}
              </div>`;
     }