Merge pull request #693 from akeneo/API-1947

feat(API-1947): Add 'All guided tutorials' button in each guided tutorials

Author: samokiss

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

@@ -1,3 +1,10 @@
+<a href="/tutorials/homepage.html" class="back-button">
+   <button>
+      <img src="/img/icons/icon--arrow-back.svg" style="margin-right: 10px;">
+      All guided tutorials
+   </button>
+</a>
+
 # How to get your App token
 
 Implement the required parts of the App activation process and receive an App access token for querying your PIM API.

content/tutorials/guides/how-to-retrieve-pim-structure.md

@@ -1,3 +1,10 @@
+<a href="/tutorials/homepage.html" class="back-button">
+   <button>
+      <img src="/img/icons/icon--arrow-back.svg" style="margin-right: 10px;">
+      All guided tutorials
+   </button>
+</a>
+
 # How to retrieve PIM structure
 
 Retrieve the PIM structure through a channel resource. This is usually the required step before starting to read the PIM catalog data.

styles/guided-tutorial.less

@@ -98,9 +98,7 @@
         box-sizing: border-box;
 
         padding: 4px 12px;
-
-        /*width: 224px;*/
-        /*height: 32px;*/
+        margin-top: 70px;
 
         background: #FFFFFF;
 
@@ -119,6 +117,10 @@
         background-color: #F1F4F9;
     }
 
+    .back-button:hover {
+       text-decoration: none;
+    }
+
     .tag-container, .tag-container-xs {
         margin-top: 27px;
     }
@@ -256,6 +258,10 @@
         line-height: 60px;
     }
 
+    .guided-tutorials h1 {
+        margin-top: 40px;
+    }
+
     /********************* TILE ************************/
     .tile {
         position: relative;