ajustements css marges images doc

Holusion · Feb 7, 2024 · 2a8f828 · 2a8f828
1 parent 2b901b1
commit 2a8f828
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 10 deletions.
diff --git a/_sass/base.scss b/_sass/base.scss
@@ -632,21 +632,22 @@ button:hover{
     margin: 0 0.2rem;
   }
   img{
-    padding: 0.5rem 0;
+    margin: 1rem 0;
   }
   p > span > svg{
     height: 24px;
   }
   div > ul{
     padding: 0;
+    margin-block-end: 0;
   }
   div > ul > li{
-    margin: 1rem 0;
+    margin: 0.7rem 0;
     list-style: none;
   }
   div > ul > li > span{
-    padding: 0.5rem;
-    min-width: 150px;
+    padding: 0.4rem;
+    min-width: 140px;
     background-color: #c4c4c4;
   }
   div > ul > li > span > svg{
@@ -656,7 +657,5 @@ button:hover{
 
 .voyager-btn {
   display: inline-block;
-  background-color: #272727;
-  padding: 0.5rem 1rem;
   text-align: center;
 }
diff --git a/en/doc/tutorials/voyager/edit.html b/en/doc/tutorials/voyager/edit.html
@@ -90,8 +90,10 @@ <h3 id="Create-and-edit-annotations">Create and edit annotations</h3>
       Note that the annotation will be in English by default. Don't forget to change the language in the language
       settings to the language of your application :
     </p>
-    <img src="/assets/img/doc/Voyager-edit-annotations-language.jpg"
-      alt="screen in Voyager application, change annotation language">
+    <div class="fer-gauche">
+      <img src="/assets/img/doc/Voyager-edit-annotations-language.jpg"
+        alt="screen in Voyager application, change annotation language">
+    </div>
   </div>
   <!--slide 5 - Articles-->
   <div>

diff --git a/fr/doc/tutorials/voyager/edit.html b/fr/doc/tutorials/voyager/edit.html
@@ -84,8 +84,10 @@ <h3 id="Créer-modifier-annotations">Créer et modifier des annotations</h3>
     Attention, l'annotation sera par défaut en anglais. N'oubliez pas de changer la langue pour la mettre dans la
     langue de votre application :
   </p>
-  <img src="/assets/img/doc/Voyager-edit-annotations-language.jpg"
-    alt="screen de l'application Voyager, changer la langue de l'annotation">
+  <div class="fer-gauche">
+    <img src="/assets/img/doc/Voyager-edit-annotations-language.jpg"
+      alt="screen de l'application Voyager, changer la langue de l'annotation">
+  </div>
   <!--slide 5 - Articles-->
   <h3 id="Créer-éditer-articles">Créer et éditer des articles</h3>
   <p>