Add padding to validation form

validata_ui_next/templates/validator.html

@@ -32,7 +32,7 @@
 <h2>Outil de validation</h2>
 <!-- Tab validator -->
 <p class="text">Validez ici le fichier de votre choix</p>
-<ul class="nav nav-pills" id="myTab" role="tablist">
+<ul class="nav nav-tabs" id="myTab" role="tablist">
     <li class="nav-item">
         <a class="nav-link active" id="file-tab" data-toggle="tab" href="#file" role="tab" aria-controls="file"
             aria-selected="true">Fichier</a>
@@ -45,33 +45,34 @@
             aria-selected="false">Exemples</a>
     </li>
 </ul>
+{% set padding_class = 'p-3' %}
 <div class="tab-content" id="myTabContent">
-    <div class="tab-pane fade show active" id="file" role="tabpanel" aria-labelledby="file-tab">
+    <div class="tab-pane fade show active {{ padding_class }}" id="file" role="tabpanel" aria-labelledby="file-tab">
         <form method="POST" enctype="multipart/form-data">
             <input type="hidden" name="input" value="file" />
             <div class="form-group">
-                <label for="file">Fichier à valider</label>
+                <label for="file">Choisissez un fichier tabulaire à valider</label>
                 <input type="file" class="form-control-file" name="file" id="file" />
             </div>
-            <button type="submit" class="btn btn-primary">Envoyer</button>
+            <button type="submit" class="btn btn-primary">Valider</button>
         </form>
     </div>
-    <div class="tab-pane fade" id="url" role="tabpanel" aria-labelledby="url-tab">
+    <div class="tab-pane fade {{ padding_class }}" id="url" role="tabpanel" aria-labelledby="url-tab">
         <form method="GET">
             <input type="hidden" name="input" value="url" />
             <div class="form-group">
-                <label for="url">Adresse du document à valider</label>
-                <input name="url" type="url" class="form-control" id="url" aria-describedby="urlHelp" placeholder="http://..." />
+                <label for="url">Indiquez l'URL de la table à valider</label>
+                <input name="url" type="url" class="form-control" id="url" aria-describedby="urlHelp" placeholder="https://..." />
 
             </div>
             <button type="submit" class="btn btn-primary">Valider</button>
         </form>
     </div>
-    <div class="tab-pane fade" id="example" role="tabpanel" aria-labelledby="examples-tab">
+    <div class="tab-pane fade {{ padding_class }}" id="example" role="tabpanel" aria-labelledby="examples-tab">
         <form method="GET">
             <input type="hidden" name="input" value="example" />
             <div class="form-group">
-                <label for="url">Adresse du document à valider</label>
+                <label for="url">Choisissez l'exemple à valider</label>
                 <select name="url" id="example" class="form-control">
                     <option value="">...</option>
                     {% for example in val_info.examples %}