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,13 +94,11 @@ function reloadData() {
                             :model-value="row?.simSerialNumber"
                             disable
                         />
-
+                        <QBtn
-                        <div class="icon">
+                            flat
-                            <QIcon
+                            icon="delete"
-                                name="delete"
-                                size="sm"
                             color="primary"
-                                class="cursor-pointer"
+                            class="btn-delete"
                             @click="
                                 openConfirmationModal(
                                     t(`Remove PDA`),
@@ -112,8 +110,7 @@ function reloadData() {
                             <QTooltip>
                                 {{ t('worker.pda.removePDA') }}
                             </QTooltip>
-                            </QIcon>
+                        </QBtn>
-                        </div>
                     </VnRow>
                 </QCard>
             </template>
@@ -171,12 +168,9 @@ function reloadData() {
     </QPage>
 </template>
 <style lang="scss" scoped>
-.icon {
+.btn-delete {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-top: 2%;
     max-width: 4%;
+    margin-top: 30px;
 }
 </style>
 <i18n>

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();