update help on index

app/app.js

@@ -7,6 +7,7 @@ document.getElementById("help-btn").onclick = function () {
 document.getElementById('foo').focus();
 var clipboard = new Clipboard('#copy-btn',{
     text: function(trigger) {
+        $('body').chardinJs('stop');
         var elements = document.getElementById('foo').value.split(':');
         return PasswordGenerator.make_password(elements[0], elements[1]);
     }

public/index.html

@@ -20,11 +20,15 @@
     </div>
     <div class="row p-a-1">
         <div class="col-md-6 col-md-offset-3">
-            <div class="input-group" data-intro="Entrez votre mot de passe et votre site séparés par deux points (ex: password:facebook) puis tapez Entrée"
-                       data-position="bottom">
+            <div class="input-group"
+                 data-intro="1/ Entrez votre mot de passe et votre site séparés par deux points (ex: password:facebook)"
+                 data-position="bottom">
                 <input type="password" id="foo" class="form-control" placeholder="mot de passe:site">
                 <span class="input-group-btn">
-                    <button id="copy-btn" class="btn btn-secondary" type="button"><i class="fa fa-clipboard"></i></button>
+                    <button id="copy-btn" class="btn btn-secondary" type="button"
+                            data-intro="2/ Copiez votre mot de passe généré dans le presse papier"
+                            data-position="right">
+                        <i class="fa fa-clipboard"></i></button>
                 </span>
             </div>
         </div>
@@ -32,7 +36,8 @@
     <div class="row p-a-1">
         <div class="col-md-6 col-md-offset-3 text-xs-center">
             <button id="help-btn" class="btn btn-sm btn-secondary-outline" onclick="enableChardin()"
-                data-clipboard-target="#foo">aide</button>
+                    data-clipboard-target="#foo">aide
+            </button>
         </div>
     </div>
 </div>