From 3fddb6182764bf5d084fcf33500d1a69aaa9ab06 Mon Sep 17 00:00:00 2001
From: Pierre GIRAUD <pierre.giraud@dalibo.com>
Date: Mon, 19 Feb 2024 16:15:03 +0100
Subject: [PATCH] Fix display of workers detail

Was a bit broken since upgrade to bootstrap 5
---
 src/components/PlanNodeDetail.vue | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/components/PlanNodeDetail.vue b/src/components/PlanNodeDetail.vue
index 9016d51e..ac117ef7 100644
--- a/src/components/PlanNodeDetail.vue
+++ b/src/components/PlanNodeDetail.vue
@@ -563,16 +563,20 @@ watch(activeTab, () => {
               <b>Worker {{ worker[WorkerProp.WORKER_NUMBER] }}</b>
             </div>
             <ul class="list-group list-group-flush">
-              <li class="list-group-item p-0">
-                <table class="table table-sm prop-list mb-0">
-                  <template v-for="(value, key) in worker" :key="key">
-                    <tr v-if="shouldShowProp(key as string, value)">
-                      <td width="40%">{{ key }}</td>
-                      <td v-html="formatNodeProp(key as string, value)"></td>
-                    </tr>
-                  </template>
-                </table>
-              </li>
+              <template v-for="(value, key) in worker" :key="key">
+                <li
+                  class="list-group-item d-flex flex-row"
+                  v-if="shouldShowProp(key as string, value)"
+                >
+                  <div class="col-6">
+                    {{ key }}
+                  </div>
+                  <div
+                    class="col-6"
+                    v-html="formatNodeProp(key as string, value)"
+                  ></div>
+                </li>
+              </template>
             </ul>
           </div>
         </template>