#2080 results details

src/components/Content/TocItem.vue

@@ -191,9 +191,9 @@ export default {
         id: this.editionid,
         textid: this.item.uuid,
         title: this.item.title,
-        editionTitle: this.editionTitle
-        // pages: this.item.pages,
-        // size: this.item.size
+        editionTitle: this.editionTitle,
+        pages: this.item.pages,
+        size: this.item.size
       })
       this.$emit('onClickTocItem', e.target.getAttribute('uuid'))
     },

src/components/nav/Results.vue

@@ -8,8 +8,8 @@
     >
       <header class="small-col-12 med-col-1 large-col-1">
         <h2>Resultats</h2>
-        <div>
-          <span class="search-keys">{{ searchedKeys }}</span>
+        <div class="results-details">
+          <span class="search-keys">{{ searchedKeys }}</span><br>
           <span v-if="resultsQuantity" class="results-count">{{ resultsCount }}</span>
         </div>
         <v-select
@@ -111,7 +111,7 @@ export default {
        * above.
        */
       const popper = createPopper(component.$refs.toggle, dropdownList, {
-        placement: 'top',
+        placement: 'bottom',
         modifiers: [
           {
             name: 'offset',
@@ -124,7 +124,7 @@ export default {
             enabled: true,
             phase: 'write',
             fn ({ state }) {
-              component.$el.classList.toggle('drop-up', state.placement === 'top')
+              component.$el.classList.toggle('drop-up', state.placement === 'bottom')
             }
           }]
       })