From a8f441c150198ca7fbd3b89b6de34dac36ecb452 Mon Sep 17 00:00:00 2001
From: mariomitte <mario_mitte@hotmail.com>
Date: Sat, 1 Aug 2026 08:35:23 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20prika=C5=BEi=20svaku=20dizalicu=20i=20SN?=
 =?UTF-8?q?=20u=20zasebnom=20retku=20u=20tablici=20WO?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Umjesto odvajanja s ' • ' u istom retku, svaka dizalica i njen SN
prikazuju se u zasebnom <span> retku unutar flex-col containera.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
---
 .../dashboard/FleetDashboardShell.jsx         | 22 +++++++++++++------
 1 file changed, 15 insertions(+), 7 deletions(-)

diff --git a/frontend/src/components/dashboard/FleetDashboardShell.jsx b/frontend/src/components/dashboard/FleetDashboardShell.jsx
index 068615b..661b4a4 100644
--- a/frontend/src/components/dashboard/FleetDashboardShell.jsx
+++ b/frontend/src/components/dashboard/FleetDashboardShell.jsx
@@ -990,9 +990,15 @@ export default function FleetDashboardShell({ initialSection = 'dashboard', page
                                         {(() => {
                                             const sharedCranes = workOrderSharedCranes.get(String(workOrder.id));
                                             if (sharedCranes && sharedCranes.size > 0) {
-                                                return [...sharedCranes.values()].map((c) => (
-                                                    [c.make, c.model].filter(Boolean).join(' ') || c.registration_number || `#${c.id}`
-                                                )).join(' • ');
+                                                return (
+                                                    <div className="flex flex-col gap-0.5">
+                                                        {[...sharedCranes.values()].map((c) => (
+                                                            <span key={c.id}>
+                                                                {[c.make, c.model].filter(Boolean).join(' ') || c.registration_number || `#${c.id}`}
+                                                            </span>
+                                                        ))}
+                                                    </div>
+                                                );
                                             }
                                             return [workOrder.craneInfo?.make, workOrder.craneInfo?.model].filter(Boolean).join(' ')
                                                 || workOrder.craneLabel
@@ -1004,10 +1010,12 @@ export default function FleetDashboardShell({ initialSection = 'dashboard', page
                                         {(() => {
                                             const sharedCranes = workOrderSharedCranes.get(String(workOrder.id));
                                             if (sharedCranes && sharedCranes.size > 0) {
-                                                const sns = [...sharedCranes.values()]
-                                                    .map((c) => c.crane_serial_number)
-                                                    .filter(Boolean);
-                                                return sns.length > 0 ? sns.join(' • ') : '-';
+                                                const sns = [...sharedCranes.values()].map((c) => c.crane_serial_number || '-');
+                                                return (
+                                                    <div className="flex flex-col gap-0.5">
+                                                        {sns.map((sn, i) => <span key={i}>{sn}</span>)}
+                                                    </div>
+                                                );
                                             }
                                             return workOrder.craneInfo?.crane_serial_number || '-';
                                         })()}