moved legend toggle

src/components/globals/LegendToggle.vue

@@ -51,7 +51,6 @@ export default {
 <style lang="scss" scoped>
 .legend-toggle {
   position: absolute;
-  z-index: 1;
   top: 15px;
   left: 15px;
 

src/pages/library/LibraryList.vue

@@ -1,12 +1,6 @@
 <template>
   <b-overlay :show="filteredNodes === undefined" class="h-100" z-index="0">
     <div class="library-list">
-      <legend-toggle>
-        <h6>Mode Alphabétique</h6>
-        <p>Ce mode vous permet de retrouver l'ensemble des textes de départ.</p>
-        <p>Pour naviguer plus rapidement vous pouvez <i>Aller à la lettre</i> dans le menu d'options.</p>
-      </legend-toggle>
-
       <div class="library-list-container" @click="onContainerClick">
         <div v-for="([char, nodes]) in filteredNodes" :key="char">
           <h3 :id="char">
@@ -28,6 +22,12 @@
         </div>
       </div>
     </div>
+
+    <legend-toggle>
+      <h6>Mode Alphabétique</h6>
+      <p>Ce mode vous permet de retrouver l'ensemble des textes de départ.</p>
+      <p>Pour naviguer plus rapidement vous pouvez <i>Aller à la lettre</i> dans le menu d'options.</p>
+    </legend-toggle>
   </b-overlay>
 </template>
 

src/pages/library/LibraryMap.vue

@@ -1,11 +1,5 @@
 <template>
   <b-overlay :show="nodes === undefined" class="h-100" z-index="0">
-    <legend-toggle>
-      <h6>Mode Aléatoire</h6>
-      <p>Ce mode vous propose 3 textes de départ tirés aléatoirement ainsi que leurs textes produits et leurs textes rebonds.</p>
-      <p>Pour tirer aléatoirement 3 nouveaux textes, cliquez sur <i>Mélanger</i> dans le menu d'options.</p>
-    </legend-toggle>
-
     <map-zoom
       id="library-map" ref="map"
       :min-zoom="0.2" :max-zoom="2" :initial-zoom="0.5"
@@ -26,6 +20,12 @@
       </foreignObject>
     </map-zoom>
 
+    <legend-toggle>
+      <h6>Mode Aléatoire</h6>
+      <p>Ce mode vous propose 3 textes de départ tirés aléatoirement ainsi que leurs textes produits et leurs textes rebonds.</p>
+      <p>Pour tirer aléatoirement 3 nouveaux textes, cliquez sur <i>Mélanger</i> dans le menu d'options.</p>
+    </legend-toggle>
+
     <node-preview-zone
       v-if="dataNodes"
       v-model="previewNode" :nodes="dataNodes"