style(Gestion): move to bottom the CTA buttons in forms

Author: dewita

assets/css/_exercise-gestion.scss

@@ -100,7 +100,6 @@ form {
 
 .cta__validate--wrapper {
   margin-top: 20px;
-  position: absolute;
   right: 20px;
   top: 0;
 

components/Gestion/CategoryForm.vue

@@ -17,12 +17,12 @@
 
     </ValidationObserver>
 
+    <p class="disclaimer">* champs obligatoires</p>
     <div class="cta__validate--wrapper">
       <button @click="validateBeforeSubmit" class="button--ternary-color-reverse cta__validate">
         Publier
       </button>
     </div>
-    <p class="disclaimer">* champs obligatoires</p>
 
   </section>
 

components/Gestion/ExerciseForm.vue

@@ -131,6 +131,7 @@
     </ValidationObserver>
 
 
+    <p class="disclaimer">* champs obligatoires</p>
     <div class="cta__validate--wrapper">
       <template v-if="['admin', 'super_admin'].includes(userRole)">
         <button @click="validateBeforeSubmit('NOT_VALIDATED')" class="button--red-reverse cta__validate">
@@ -155,7 +156,6 @@
         Soumettre
       </button>
     </div>
-    <p class="disclaimer">* champs obligatoires</p>
 
   </section>
 

components/Gestion/FavoriteForm.vue

@@ -47,12 +47,12 @@
 
     <TagColorLegend/>
 
+    <p class="disclaimer">* champs obligatoires</p>
     <div class="cta__validate--wrapper">
       <button @click="validateBeforeSubmit" class="button--ternary-color-reverse button__validate">
         sauver le favori
       </button>
     </div>
-    <p class="disclaimer">* champs obligatoires</p>
   </section>
 
 </template>

components/Gestion/TagForm.vue

@@ -34,6 +34,7 @@
 
     </ValidationObserver>
 
+    <p class="disclaimer">* champs obligatoires</p>
     <div class="cta__validate--wrapper">
       <button @click="validateBeforeSubmit('NOT_VALIDATED')" class="button--red-reverse cta__validate">
         Invalider
@@ -48,7 +49,6 @@
         Valider
       </button>
     </div>
-    <p class="disclaimer">* champs obligatoires</p>
 
   </section>