feat(API-1944): Next step main component : made button smaller

Author: LevFlavien

components/components.css

@@ -360,4 +360,22 @@ button {
 
 .next-steps-button-text {
     text-align: left;
+}
+
+.next-steps-button-smaller {
+    width: 177px;
+    height: 68px;
+}
+
+.next-steps-button-smaller {
+    padding-top: 3px
+}
+
+.next-steps-button-smaller .next-steps-button-number {
+    font-size: 48px;
+}
+
+.next-steps-button-smaller .next-steps-button-text {
+    font-size: 18px;
+    line-height: 22px;
 }

components/components.html

@@ -92,7 +92,7 @@
 <div class="block-next-steps block-next-steps-main">
     <div class="block-next-steps-title">Next Step</div>
     <div class="block-next-steps-text">Now that you’ve gotten your App token, continue the journey with Step 2!</div>
-    <button class="next-steps-button">
+    <button class="next-steps-button next-steps-button-smaller">
         <div class="next-steps-button-number">2</div>
         <div class="next-steps-button-text">
             Develop<br>

content/tutorials/guides/how-to-get-your-app-token.md

@@ -184,7 +184,7 @@ You can use this token to call the Akeneo PIM REST API.
 <div class="block-next-steps block-next-steps-main">
     <div class="block-next-steps-title">Next Step</div>
     <div class="block-next-steps-text">Now that you’ve gotten your App token, continue the journey with Step 2!</div>
-    <button class="next-steps-button">
+    <button class="next-steps-button next-steps-button-smaller">
         <div class="next-steps-button-number">2</div>
         <div class="next-steps-button-text">
             Develop<br>

styles/guided-tutorial.less

@@ -138,6 +138,24 @@
         text-align: left;
     }
 
+    .next-steps-button-smaller {
+        width: 177px;
+        height: 68px;
+    }
+
+    .next-steps-button-smaller {
+        padding-top: 3px
+    }
+
+    .next-steps-button-smaller .next-steps-button-number {
+        font-size: 48px;
+    }
+
+    .next-steps-button-smaller .next-steps-button-text {
+        font-size: 18px;
+        line-height: 22px;
+    }
+
     .back-button button {
         box-sizing: border-box;