wip: correct modal design

Author: er-lim

mon-pix/app/components/routes/campaigns/assessment/evaluation-results.gjs

@@ -29,10 +29,6 @@ export default class EvaluationResults extends Component {
     return !isAutonomousCourse && !this.args.model.campaign.isForAbsoluteNovice;
   }
 
-  get modalTrainings() {
-    // return 3 first trainings
-  }
-
   @action
   showTrainings() {
     const tabElement = document.querySelector('[role="tablist"]');
@@ -85,13 +81,13 @@ export default class EvaluationResults extends Component {
         @trainings={{@model.trainings}}
         @onResultsShared={{this.shareResults}}
       />
+      {{#if this.isModalSentResultEnabled}}
+        <EvaluationSentResultsModal
+          @trainings={{@model.trainings}}
+          @showModal={{this.showEvaluationResultsModal}}
+          @onCloseButtonClick={{this.closeModal}}
+        />
+      {{/if}}
     </main>
-    {{#if this.isModalSentResultEnabled}}
-      <EvaluationSentResultsModal
-        @trainings={{@model.trainings}}
-        @showModal={{this.showEvaluationResultsModal}}
-        @onCloseButtonClick={{this.closeModal}}
-      />
-    {{/if}}
   </template>
 }

mon-pix/app/styles/components/campaigns/assessment/results/evaluation-sent-results-modal.scss

@@ -39,7 +39,7 @@
   display: inline-block;
   width: 100%;
   height: 100%;
-  padding: 6.25vw 5.75vw;
+  padding: 48px 80px;
   overflow: hidden;
   color: var(--pix-neutral-900);
   text-align: center;