chore(mon-pix): add a flex display to reset scorecard modal footer buttons

Author: Libouk

mon-pix/app/components/scorecard-details.hbs

@@ -237,17 +237,13 @@
     </div>
   </:content>
   <:footer>
-    <ul class="scorecard-details-reset-modal__footer">
-      <li>
-        <PixButton @variant="secondary" @triggerAction={{this.closeModal}}>
-          {{t "common.actions.cancel"}}
-        </PixButton>
-      </li>
-      <li>
-        <PixButton id="pix-modal-footer__button-reset" @variant="error" @triggerAction={{this.reset}}>
-          {{t "pages.competence-details.actions.reset.label"}}
-        </PixButton>
-      </li>
-    </ul>
+    <div class="scorecard-details-reset-modal__footer">
+      <PixButton @variant="secondary" @triggerAction={{this.closeModal}}>
+        {{t "common.actions.cancel"}}
+      </PixButton>
+      <PixButton id="pix-modal-footer__button-reset" @variant="error" @triggerAction={{this.reset}}>
+        {{t "pages.competence-details.actions.reset.label"}}
+      </PixButton>
+    </div>
   </:footer>
 </PixModal>

mon-pix/app/styles/components/_scorecard-details.scss

@@ -113,3 +113,10 @@
     margin-block: var(--pix-spacing-4x);
   }
 }
+
+/** Reset modal **/
+.scorecard-details-reset-modal__footer {
+  display: flex;
+  gap: var(--pix-spacing-2x);
+  justify-content: flex-end;
+}