Updates on search

Former-commit-id: 5b14a2a25433bb3fa11df2dc358646ec4f2c9f8a [formerly 9f32a754b08d5c84f794fdc8abd9098379ab9de9] [formerly 0ca1981a40f293f94324e70eedcec7b7fab6d9af [formerly 9f1a39aa4e]]
Former-commit-id: 6b2a7e3b51d79fc218bc307c84015e3123082188 [formerly e0df3e71263e9911c6ad64078d91b1451547462d]
Former-commit-id: 4730cd0916cb967748fe7f621bb2813ab1f692a8

_assets/package.json

@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "filesize": "^3.5.10",
+    "hammerjs": "^2.0.8",
     "moment": "^2.18.1",
     "vue": "^2.3.3",
     "vue-router": "^2.7.0",

_assets/src/components/Main.vue

@@ -2,6 +2,9 @@
   <div :class="{ multiple, loading }">
     <header>
       <div>
+        <button aria-label="Toggle sidebar" title="Toggle sidebar" class="action">
+          <i class="material-icons">menu</i>
+        </button>
         <img src="../assets/logo.svg" alt="File Manager">
         <search></search>
       </div>

_assets/src/components/Search.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="search" @click="open" v-bind:class="{ active , ongoing }">
     <div id="input">
-      <button v-if="active" class="action" @click="close" >
+      <button v-if="active" class="action" @click="close">
         <i class="material-icons">arrow_back</i>
       </button>
       <i v-else class="material-icons">search</i>