added noto-sans webfont

src/components/nav/History.vue

@@ -1,6 +1,23 @@
 <template>
-  <div id="history">
-    <h2>Historique de consultation</h2>
+  <div id="history" class="row">
+    <header class="col-1">
+      <h2>Historique de consultation</h2>
+    </header>
+    <section class="col-10 history-list">
+      <div class="wrapper">
+        <ul>
+          <li>item</li>
+        </ul>
+      </div>
+    </section>
+    <nav class="col-1 tools">
+      <span
+        class="mdi mdi-close"
+        title="close"
+        @click.prevent="close"
+        @keydown.enter.prevent="close"
+      />
+    </nav>
   </div>
 </template>
 <script>
@@ -8,7 +25,13 @@ export default {
   name: 'History',
   data: () => ({
 
-  })
+  }),
+  methods: {
+    close () {
+      console.log('clicked on close history')
+      // this.opened = false
+    }
+  }
 }
 </script>
 <style lang="scss" scoped>

src/components/nav/Results.vue

@@ -5,10 +5,10 @@
       id="results"
       class="row"
     >
-      <section class="col-1">
+      <header class="col-1">
         <h2>Resultats</h2>
         <span class="results-count">{{ results.length }} resultat(s)</span>
-      </section>
+      </header>
       <section class="col-10 results-list">
         <div class="wrapper">
           <ul v-if="results.length">
@@ -18,14 +18,14 @@
           </ul>
         </div>
       </section>
-      <section class="col-1 tools">
+      <nav class="col-1 tools">
         <span
           class="mdi mdi-close"
           title="close"
           @click.prevent="close"
           @keydown.enter.prevent="close"
         />
-      </section>
+      </nav>
     </div>
   </transition>
 </template>