fix(junior): add margin in a button between text and icon

1024pix · Sep 23, 2024 · 0299629 · 0299629
1 parent 58cf2ef
commit 0299629
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/junior/app/styles/pages/identified/missions/mission.scss b/junior/app/styles/pages/identified/missions/mission.scss
@@ -22,6 +22,10 @@
       padding: 16px 32px 16px 40px;
       font-size: 18px;
       border-radius: 100px;
+
+      .icon {
+        margin-left: 10px;
+      }
 
       @include device-is('tablet') {
         margin: 32px 60px 0 auto;

diff --git a/junior/app/templates/assessment/results.hbs b/junior/app/templates/assessment/results.hbs
@@ -23,7 +23,7 @@
 
       <PixButtonLink @route="identified.missions" @shape="rounded" class="details-action">
         <p>{{t "pages.missions.end-page.back-to-missions"}}</p>
-        <FaIcon @icon="arrow-right" class="details-action__icon" />
+        <FaIcon @icon="arrow-right" class="details-action__icon" class="icon"/>
       </PixButtonLink>
 
     </div>