VueUiQuadrant fix flex layout in table first col

Author: graphieros

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "1.9.17",
+  "version": "1.9.18",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [

package.json

@@ -882,17 +882,21 @@ defineExpose({
                 <tbody>
                     <tr v-for="(tr, i) in table.body">
                         <td v-for="(td, j) in tr" :style="`background:${quadrantConfig.table.td.backgroundColor};color:${quadrantConfig.table.td.color};outline:${quadrantConfig.table.td.outline}`">
-                            <svg v-if="j === 0" height="14" width="14" viewBox="0 0 20 20">
-                                <Shape
-                                    :plot="{ x: 10, y: 10 }"
-                                    :color="table.itsShapes[i].color"
-                                    :shape="table.itsShapes[i].shape"
-                                    :radius="8"
-                                    :stroke="quadrantConfig.style.chart.layout.plots.outline ? quadrantConfig.style.chart.layout.plots.outlineColor : 'none'"
-                                    :strokeWidth="quadrantConfig.style.chart.layout.plots.outlineWidth"
-                                />
-                            </svg>
-                            {{ isNaN(td) ? td : td.toFixed(quadrantConfig.table.td.roundingValue) }}
+                            <div style="display:flex;align-items:center;gap:3px;justify-content:flex-end">
+                                <svg v-if="j === 0" height="14" width="14" viewBox="0 0 20 20">
+                                    <Shape
+                                        :plot="{ x: 10, y: 10 }"
+                                        :color="table.itsShapes[i].color"
+                                        :shape="table.itsShapes[i].shape"
+                                        :radius="8"
+                                        :stroke="quadrantConfig.style.chart.layout.plots.outline ? quadrantConfig.style.chart.layout.plots.outlineColor : 'none'"
+                                        :strokeWidth="quadrantConfig.style.chart.layout.plots.outlineWidth"
+                                    />
+                                </svg>
+                                <span>
+                                    {{ isNaN(td) ? td : td.toFixed(quadrantConfig.table.td.roundingValue) }}
+                                </span>
+                            </div>
                         </td>
                     </tr>
                 </tbody>
@@ -954,15 +958,6 @@ path, line, rect, circle, polygon {
     cursor: pointer;
     height: 24px;
 }
-.vue-ui-quadrant-tooltip {
-    border: 1px solid #e1e5e8;
-    border-radius: 4px;
-    box-shadow: 0 6px 12px -6px rgba(0,0,0,0.2);
-    max-width: 300px;
-    position: fixed;
-    padding:12px;
-    z-index:1;
-}
 
 /** */
 .vue-ui-quadrant table {