From 2769dc23ba29f1e4c563e7fa00ae945bf1ce1fe8 Mon Sep 17 00:00:00 2001
From: Adam Moussa <166072409+amoussa1229@users.noreply.github.com>
Date: Fri, 17 Apr 2026 11:59:34 -0400
Subject: [PATCH] Swap trade and address order in dispatch vendor list

- Trade shown directly under company name in blue
- Address and distance shown on the bottom line
---
 src/pages/workorders/view/WorkOrderViewPage.css | 4 ++--
 src/pages/workorders/view/WorkOrderViewPage.js  | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/workorders/view/WorkOrderViewPage.css b/src/pages/workorders/view/WorkOrderViewPage.css
index f537cc21..07fe6e96 100644
--- a/src/pages/workorders/view/WorkOrderViewPage.css
+++ b/src/pages/workorders/view/WorkOrderViewPage.css
@@ -536,9 +536,9 @@
   font-weight: 500;
 }
 
-.woDispatchVendorAddr {
+.woDispatchVendorTrades {
   font-size: 11px;
-  color: #666;
+  color: #007bff;
 }
 
 .woDispatchVendorMeta {
diff --git a/src/pages/workorders/view/WorkOrderViewPage.js b/src/pages/workorders/view/WorkOrderViewPage.js
index 387587a3..01a30e13 100644
--- a/src/pages/workorders/view/WorkOrderViewPage.js
+++ b/src/pages/workorders/view/WorkOrderViewPage.js
@@ -230,9 +230,9 @@ function DispatchModal({ wo, onClose, onDispatched }) {
                     <input type="checkbox" checked={selectedIds.includes(v.id)} onChange={() => toggleVendor(v.id)} />
                     <div className="woDispatchVendorInfo">
                       <span className="woDispatchVendorName">{v.companyName}</span>
-                      {v.address && <span className="woDispatchVendorAddr">{v.address}</span>}
+                      {v.tradeSpecialties && <span className="woDispatchVendorTrades">{v.tradeSpecialties}</span>}
                       <span className="woDispatchVendorMeta">
-                        {v.tradeSpecialties && <span>{v.tradeSpecialties}</span>}
+                        {v.address && <span>{v.address}</span>}
                         {v.distanceMiles != null && <span className="woDispatchVendorDist">{v.distanceMiles} mi</span>}
                       </span>
                     </div>