ui: references properties all on one row (dynamic col width)

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>