fixup! feat(admin): Add a button to send a new certification center i…

…nvitation
1024pix · Jan 30, 2025 · 9451f41 · 9451f41
1 parent 4b73b96
commit 9451f41
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 20 deletions.
diff --git a/admin/app/components/certification-centers/invitations.gjs b/admin/app/components/certification-centers/invitations.gjs
@@ -36,26 +36,27 @@ export default class CertificationCenterInvitations extends Component {
                     <td>{{invitation.roleLabel}}</td>
                     <td>{{dayjsFormat invitation.updatedAt "DD/MM/YYYY [-] HH:mm"}}</td>
                     <td>
-                      <PixButton
-                        @size="small"
-                        @variant="error"
-                        class="certification-center-invitations-actions__button"
-                        aria-label="Annuler l’invitation de {{invitation.email}}"
-                        @triggerAction={{fn @onCancelCertificationCenterInvitation invitation}}
-                        @iconBefore="delete"
-                      >
-                        Annuler l’invitation
-                      </PixButton>
-                      <PixButton
-                        @size="small"
-                        @variant="error"
-                        class="certification-center-invitations-actions__button"
-                        aria-label={{t "common.invitations.send-new-label" invitationEmail=invitation.email}}
-                        @triggerAction={{fn @onSendNewCertificationCenterInvitation invitation}}
-                        @iconName="refresh"
-                      >
-                        {{t "common.invitations.send-new"}}
-                      </PixButton>
+                      <div class="certification-center-invitations__actions-buttons">
+                        <PixButton
+                          @size="small"
+                          class="certification-center-invitations-actions__button"
+                          aria-label={{t "common.invitations.send-new-label" invitationEmail=invitation.email}}
+                          @triggerAction={{fn @onSendNewCertificationCenterInvitation invitation}}
+                          @iconBefore="refresh"
+                        >
+                          {{t "common.invitations.send-new"}}
+                        </PixButton>
+                        <PixButton
+                          @size="small"
+                          @variant="error"
+                          class="certification-center-invitations-actions__button"
+                          aria-label="Annuler l’invitation de {{invitation.email}}"
+                          @triggerAction={{fn @onCancelCertificationCenterInvitation invitation}}
+                          @iconBefore="delete"
+                        >
+                          Annuler l’invitation
+                        </PixButton>
+                      </div>
                     </td>
                   </tr>
                 {{/each}}

diff --git a/admin/app/styles/components/certification-center-invitations.scss b/admin/app/styles/components/certification-center-invitations.scss
@@ -4,6 +4,20 @@
     text-align: center;
   }
 
+  &__actions-buttons   {
+    display: flex;
+    flex-direction: column;
+
+    button {
+      width: 13rem;
+      margin:  0.2rem;
+    }
+
+    svg {
+      margin-right: 6px;
+    }
+  }
+
   &-actions__button {
 
     svg {