added useful classes and comments

src/app/pages/kind/kind.component.html

@@ -42,7 +42,12 @@
             <button class="btn_border btn_delete">Button delete with background</button><br>
             <button class="btn_background btn_delete">Button delete with background</button>
         </p>
-        
+
+        <p>
+            Warning, in the mockups, some buttons have different paddings.<br>
+            Example: "Copier le lien" has smaller paddings, maybe a `btn_small` class could do the job, to check.
+        </p>
+
     </article>
 
     <article>
@@ -132,6 +137,19 @@
 <section>
     <h1>Molecules</h1>
 
+    <article>
+        <h2>Useful classes</h2>
+
+        <h3>Align right</h3>
+        <div class="align-right">
+            <a [routerLink]="'/home'" class="next">
+                <span class="text" i18n>
+                    C'est parti !
+                </span>
+            </a>
+        </div>
+    </article>
+
     <article>
         <h2>Label + input text</h2>
         <label for="test-text">Ceci est un label un peu long mais pas trop</label>

src/assets/scss/useful_classes.scss

@@ -0,0 +1,6 @@
+@charset "UTF_8";
+
+.align-right {
+    display: flex;
+    justify-content: flex-end;
+}

src/styles.scss

@@ -1,6 +1,7 @@
 /* You can add global styles to this file, and also import other style files */
 @import "assets/scss/variables";
 @import "assets/scss/default";
+@import "assets/scss/useful_classes";
 
 @import "assets/scss/atoms/main";
 @import "assets/scss/atoms/section";