fix(05): product item table

src/components/TableComponents.vue

@@ -86,44 +86,46 @@ defineEmits<{
     </template>
 
     <template v-slot:body-cell-action="props">
-      <q-td class="text-center row items-center">
-        <slot name="button" :props="props"></slot>
-        <DeleteButton
-          iconOnly
-          v-if="buttonDelete"
-          @click="$emit('delete', props.rowIndex)"
-        />
+      <q-td>
+        <div class="row items-center full-width justify-end">
+          <slot name="button" :props="props"></slot>
+          <DeleteButton
+            iconOnly
+            v-if="buttonDelete"
+            @click="$emit('delete', props.rowIndex)"
+          />
 
-        <q-btn
-          v-if="!buttonDelete"
-          icon="mdi-eye-outline"
-          size="sm"
-          dense
-          round
-          flat
-          @click.stop="$emit('view', props.rowIndex)"
-        />
+          <q-btn
+            v-if="!buttonDelete"
+            icon="mdi-eye-outline"
+            size="sm"
+            dense
+            round
+            flat
+            @click.stop="$emit('view', props.rowIndex)"
+          />
 
-        <q-btn
-          v-if="buttomDownload && props.row.id !== undefined"
-          icon="mdi-download-outline"
-          size="sm"
-          dense
-          round
-          flat
-          @click.stop="$emit('download', props.rowIndex)"
-        />
+          <q-btn
+            v-if="buttomDownload && props.row.id !== undefined"
+            icon="mdi-download-outline"
+            size="sm"
+            dense
+            round
+            flat
+            @click.stop="$emit('download', props.rowIndex)"
+          />
 
-        <KebabAction
-          v-if="!buttonDelete"
-          hide-toggle
-          :id-name="props.row.code"
-          :status="props.row.status"
-          @view="$emit('view', props.rowIndex)"
-          @edit="$emit('edit', props.rowIndex)"
-          @delete="$emit('delete', props.rowIndex)"
-          @change-status="$emit('toggleStatus', props.row)"
-        />
+          <KebabAction
+            v-if="!buttonDelete"
+            hide-toggle
+            :id-name="props.row.code"
+            :status="props.row.status"
+            @view="$emit('view', props.rowIndex)"
+            @edit="$emit('edit', props.rowIndex)"
+            @delete="$emit('delete', props.rowIndex)"
+            @change-status="$emit('toggleStatus', props.row)"
+          />
+        </div>
       </q-td>
 
       <slot name="dialog" :index="props.rowIndex" :row="props.row"></slot>