add center to ButtonExpand + misc fix

src/assets/scss/base/_root.scss

@@ -13,4 +13,5 @@ body,
 main {
   flex: 1;
   overflow-y: auto;
+  overflow-x: hidden;
 }

src/assets/scss/classes/_img-wrapper.scss

@@ -2,7 +2,7 @@
   display: inline-block;
   position: relative;
 
-  &:not(:hover) .btn-expand {
+  &.on-hover:not(:hover) .btn-expand {
     display: none;
   }
 
@@ -11,6 +11,12 @@
     top: 0;
     right: 0;
 
+    &.center {
+      top: 50%;
+      right: 50%;
+      transform: translate(50%, -50%)
+    }
+
     padding: 0;
     width: 75px;
     height: 70px;

src/components/globals/ButtonExpand.vue

@@ -3,7 +3,7 @@
     v-on="$listeners"
     v-bind="$attrs"
     variant="depart"
-    class="btn-expand"
+    class="btn-expand on-hover"
     :aria-label="expanded ? 'Réduire' : 'Agrandir'"
   >
     <svg aria-hidden="true" viewBox="0 0 75 70">

src/components/nodes/NodeViewTitle.vue

@@ -13,7 +13,7 @@
       <span><strong>{{ toCommaList(node.authors) }}</strong>,</span>
       <span>
         <span v-if="node.preTitle" v-html="' ' + trim(node.preTitle) + ','" />
-        <em v-html="' ' + trim(node.italTitle) || 'pas de titre ital'" />
+        <em v-html="' ' + trim(node.italTitle || node.title) || 'pas de titre ital'" />
         <span v-if="edition && node.edition">, </span>
       </span>
       <div v-if="edition && node.edition" class="edition">