Merge pull request #743 from akeneo/API-1969-fix-the-shift-in-button-develop-your-app-for-chrome-on-osx

API-1969: 'Develop your App' button vertical alignment

Author: LevFlavien

components/components.css

@@ -335,13 +335,13 @@ button {
 .next-steps-button {
     width: 261px;
     height: 89px;
-    padding-top: 5px; /* Fix font not centered */
+    padding-top: 2px; /* Fix font not centered */
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
 
-    font-weight: 500;
+    font-weight: 700;
     font-size: 24px;
     line-height: 29px;
     text-transform: uppercase;
@@ -362,12 +362,8 @@ button {
 }
 
 .next-steps-button-number {
-    padding-top: 2px;  /* Fix inability to align-item baseline */
     font-size: 63px;
 }
-.next-steps-button-smaller .next-steps-button-number {
-    padding-top: 4px;  /* Fix inability to align-item baseline */
-}
 
 .next-steps-button-text {
     text-align: left;
@@ -376,7 +372,6 @@ button {
 .next-steps-button-smaller {
     width: 177px;
     height: 65px;
-    padding-top: 3px
 }
 
 .next-steps-button-smaller .next-steps-button-number {

styles/guided-tutorial.less

@@ -110,15 +110,15 @@
     .next-steps-button {
         width: 261px;
         height: 89px;
-        padding-top: 5px; /* Fix font not centered */
+        padding-top: 2px; /* Fix font not centered */
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 10px;
 
         cursor: pointer;
 
-        font-weight: 500;
+        font-weight: 700;
         font-size: 24px;
         line-height: 29px;
         text-transform: uppercase;
@@ -137,12 +137,8 @@
     }
 
     .next-steps-button-number {
-        padding-top: 2px;  /* Fix inability to align-item baseline */
         font-size: 63px;
     }
-    .next-steps-button-smaller .next-steps-button-number {
-        padding-top: 4px;  /* Fix inability to align-item baseline */
-    }
 
     .next-steps-button-text {
         text-align: left;
@@ -151,7 +147,6 @@
     .next-steps-button-smaller {
         width: 177px;
         height: 65px;
-        padding-top: 3px
     }
 
     .next-steps-button-smaller {