From 8265fb7f0f72103755516cac07f3e6b1e7d988d8 Mon Sep 17 00:00:00 2001
From: Kevin L'Hereec <kevin.lhereec@orange.com>
Date: Tue, 2 Jun 2026 18:19:04 +0200
Subject: [PATCH] ui: references properties all on one row (dynamic col width)

---
 inertia/pages/DeviceDetail.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/inertia/pages/DeviceDetail.vue b/inertia/pages/DeviceDetail.vue
index e554cba..b16b212 100644
--- a/inertia/pages/DeviceDetail.vue
+++ b/inertia/pages/DeviceDetail.vue
@@ -389,9 +389,9 @@ async function resolveAllProviders() {
                   </div>
                   <div v-if="ref.error" class="text-danger small mb-1">{{ ref.error }}</div>
                   <div v-if="ref.status === 'ok' && ref.properties" class="row g-2">
-                    <div v-for="(value, key) in ref.properties" :key="key" class="col-sm-6 col-lg-3">
+                    <div v-for="(value, key) in ref.properties" :key="key" :class="'col'" :style="`flex: 0 0 ${100 / Object.keys(ref.properties).length}%; max-width: ${100 / Object.keys(ref.properties).length}%`">
                       <div class="text-muted fw-bold text-uppercase" style="font-size:0.58rem;letter-spacing:.06em">{{ key }}</div>
-                      <div class="font-monospace small fw-medium">{{ value || '—' }}</div>
+                      <div class="font-monospace small fw-medium text-truncate">{{ value || '—' }}</div>
                     </div>
                   </div>
                 </div>