added footer tabs

src/App.vue

@@ -14,19 +14,23 @@
     <section role="main-content">
       <RouterView />
     </section>
-    <footer role="search-bar">
+    <footer role="tools">
       <History />
       <Results />
-      <Search />
+      <div id="footer-bottom" class="row">
+        <FooterTabs />
+        <Search />
+      </div>
     </footer>
   </div>
 </template>
 
 <script>
 import HeaderMenu from './components/nav/HeaderMenu'
-import Search from './components/nav/Search'
-import Results from './components/nav/Results'
 import History from './components/nav/History'
+import Results from './components/nav/Results'
+import Search from './components/nav/Search'
+import FooterTabs from './components/nav/FooterTabs'
 // import { mapState, mapActions } from 'vuex'
 
 export default {
@@ -38,9 +42,10 @@ export default {
   },
   components: {
     HeaderMenu,
-    Search,
+    History,
     Results,
-    History
+    Search,
+    FooterTabs
   }
 }
 </script>

src/components/nav/FooterTabs.vue

@@ -0,0 +1,24 @@
+<template>
+  <div id="footer-tabs" class="col-1">
+    <ul>
+      <li class="history">
+        <span>Historique de consultation</span>
+      </li>
+      <li class="results">
+        <span>Resultas</span>
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'FooterTabs',
+  data: () => ({
+
+  })
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

src/components/nav/History.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="history">
-    History
+    <h2>Historique de consultation</h2>
   </div>
 </template>
 <script>

src/components/nav/Results.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="results">
     <h2>Resultats</h2>
-    <h3>{{ keys }}</h3>
+    <h3 v-if="keys">{{ keys }}</h3>
     <div class="results-list">
       <ul v-if="results.length">
         <li v-for="result in results" :key="result.uuid">

src/components/nav/Search.vue

@@ -1,15 +1,13 @@
 <template>
-  <div id="search">
+  <div id="search" class="col-11">
     <form class="" action="index.html" method="post">
-      <label for="keys">
-        Search
-        <input
-          id="keys"
-          v-model="keys"
-          type="text"
-          placeholder="search"
-        >
-      </label>
+      <label htmlFor="keys">Search</label>
+      <input
+        id="keys"
+        v-model="keys"
+        type="text"
+        placeholder="search"
+      >
       <input
         id="search"
         type="submit"