From 410012df5504a8570c24a44230a0479e7717946e Mon Sep 17 00:00:00 2001
From: pablone <pablone@verdnatura.es>
Date: Thu, 23 May 2024 14:24:58 +0200
Subject: [PATCH] fix: refs #7187 fix div

---
 src/pages/Worker/Card/WorkerPda.vue           | 46 ++++++++-----------
 .../integration/worker/workerPda.spec.js      | 11 +----
 2 files changed, 21 insertions(+), 36 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerPda.vue b/src/pages/Worker/Card/WorkerPda.vue
index 8e971a02c..513edcf45 100644
--- a/src/pages/Worker/Card/WorkerPda.vue
+++ b/src/pages/Worker/Card/WorkerPda.vue
@@ -71,7 +71,7 @@ function reloadData() {
                     bordered
                     :key="row.id"
                     v-for="row of rows"
-                    class="card q-px-md q-mb-sm"
+                    class="card q-px-md q-mb-sm container"
                 >
                     <VnRow>
                         <VnInput
@@ -94,26 +94,23 @@ function reloadData() {
                             :model-value="row?.simSerialNumber"
                             disable
                         />
-
-                        <div class="icon">
-                            <QIcon
-                                name="delete"
-                                size="sm"
-                                color="primary"
-                                class="cursor-pointer"
-                                @click="
-                                    openConfirmationModal(
-                                        t(`Remove PDA`),
-                                        t('Do you want to remove this PDA?'),
-                                        () => deallocatePDA(row.deviceProductionFk)
-                                    )
-                                "
-                            >
-                                <QTooltip>
-                                    {{ t('worker.pda.removePDA') }}
-                                </QTooltip>
-                            </QIcon>
-                        </div>
+                        <QBtn
+                            flat
+                            icon="delete"
+                            color="primary"
+                            class="btn-delete"
+                            @click="
+                                openConfirmationModal(
+                                    t(`Remove PDA`),
+                                    t('Do you want to remove this PDA?'),
+                                    () => deallocatePDA(row.deviceProductionFk)
+                                )
+                            "
+                        >
+                            <QTooltip>
+                                {{ t('worker.pda.removePDA') }}
+                            </QTooltip>
+                        </QBtn>
                     </VnRow>
                 </QCard>
             </template>
@@ -171,12 +168,9 @@ function reloadData() {
     </QPage>
 </template>
 <style lang="scss" scoped>
-.icon {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-top: 2%;
+.btn-delete {
     max-width: 4%;
+    margin-top: 30px;
 }
 </style>
 <i18n>
diff --git a/test/cypress/integration/worker/workerPda.spec.js b/test/cypress/integration/worker/workerPda.spec.js
index e27127202..4184735ae 100644
--- a/test/cypress/integration/worker/workerPda.spec.js
+++ b/test/cypress/integration/worker/workerPda.spec.js
@@ -14,17 +14,8 @@ describe('WorkerPda', () => {
         cy.get('.q-notification__message').should('have.text', 'Data created');
     });
 
-    it('assign more than 1 pda', () => {
-        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
-        cy.get(deviceProductionField).type('{downArrow}{enter}');
-        cy.get('.vn-row > #simSerialNumber').type('123{enter}');
-        cy.get(
-            ':nth-child(1) > .q-notification__wrapper > .q-notification__content > .q-notification__message'
-        ).should('have.text', 'You can only have one PDA');
-    });
-
     it('delete pda', () => {
-        cy.get('.icon > .q-icon').click();
+        cy.get('.btn-delete').click();
         cy.get(
             '.q-card__actions > .q-btn--unelevated > .q-btn__content > .block'
         ).click();