From 62bf968b0bb056c4669d377cec72589891ee7439 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 6 May 2024 08:41:12 +0200
Subject: [PATCH] change action to st-actions

---
 src/pages/Item/Card/ItemShelving.vue | 62 ++++++++++++++--------------
 1 file changed, 30 insertions(+), 32 deletions(-)

diff --git a/src/pages/Item/Card/ItemShelving.vue b/src/pages/Item/Card/ItemShelving.vue
index 830628f3b..7e7faab36 100644
--- a/src/pages/Item/Card/ItemShelving.vue
+++ b/src/pages/Item/Card/ItemShelving.vue
@@ -202,42 +202,40 @@ onMounted(async () => {
     />
     <template v-if="stateStore.isHeaderMounted()">
         <Teleport to="#st-data">
-            <div class="q-py-sm flex items-center">
-                <div class="q-pa-md q-mr-lg" style="border: 2px solid #222">
-                    <QCardSection horizontal>
-                        <span
-                            class="text-weight-bold text-subtitle1 text-center full-width"
-                        >
-                            {{ t('shelvings.total') }}
+            <div class="q-pa-md q-mr-lg q-ma-xs" style="border: 2px solid #222">
+                <QCardSection horizontal>
+                    <span class="text-weight-bold text-subtitle1 text-center full-width">
+                        {{ t('shelvings.total') }}
+                    </span>
+                </QCardSection>
+                <QCardSection class="column items-center" horizontal>
+                    <div>
+                        <span class="details-label"
+                            >{{ t('shelvings.totalLabels') }}
                         </span>
-                    </QCardSection>
-                    <QCardSection class="column items-center" horizontal>
-                        <div>
-                            <span class="details-label"
-                                >{{ t('shelvings.totalLabels') }}
-                            </span>
-                            <span>: {{ totalLabels }}</span>
-                        </div></QCardSection
-                    >
-                </div>
-                <QBtn
-                    color="primary"
-                    icon="delete"
-                    :disabled="!rowsSelected.length"
-                    @click="
-                        openConfirmationModal(
-                            t('shelvings.removeConfirmTitle'),
-                            t('shelvings.removeConfirmSubtitle'),
-                            removeLines
-                        )
-                    "
+                        <span>: {{ totalLabels }}</span>
+                    </div></QCardSection
                 >
-                    <QTooltip>
-                        {{ t('shelvings.removeLines') }}
-                    </QTooltip>
-                </QBtn>
             </div>
         </Teleport>
+        <Teleport to="#st-actions">
+            <QBtn
+                color="primary"
+                icon="delete"
+                :disabled="!rowsSelected.length"
+                @click="
+                    openConfirmationModal(
+                        t('shelvings.removeConfirmTitle'),
+                        t('shelvings.removeConfirmSubtitle'),
+                        removeLines
+                    )
+                "
+            >
+                <QTooltip>
+                    {{ t('shelvings.removeLines') }}
+                </QTooltip>
+            </QBtn>
+        </Teleport>
     </template>
 
     <QPage class="column items-center q-pa-md">