From 2a175d315c92057a4c3d0fbc5edc04036e5034c4 Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Sun, 1 Aug 2021 18:29:23 +0200
Subject: [PATCH] moved legend toggle

---
 src/components/globals/LegendToggle.vue |  1 -
 src/pages/library/LibraryList.vue       | 12 ++++++------
 src/pages/library/LibraryMap.vue        | 12 ++++++------
 3 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/components/globals/LegendToggle.vue b/src/components/globals/LegendToggle.vue
index 11fa6d0..de8361e 100644
--- a/src/components/globals/LegendToggle.vue
+++ b/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;
 
diff --git a/src/pages/library/LibraryList.vue b/src/pages/library/LibraryList.vue
index 13b93a3..ecde3bf 100644
--- a/src/pages/library/LibraryList.vue
+++ b/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>
 
diff --git a/src/pages/library/LibraryMap.vue b/src/pages/library/LibraryMap.vue
index cd2b681..25943bb 100644
--- a/src/pages/library/LibraryMap.vue
+++ b/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"