pretty updates :)

Former-commit-id: 693423b34a05c66aeb1fac8832a7cfbe8a440a8c [formerly db4998875d0347b455cd77e34d68cfe3e7db355b] [formerly 48da880c8e3e5b7a0f32d36e4a728b899acb7986 [formerly 7aa6a549f986d3673cf7f0c2669e39b083add791]]
Former-commit-id: d7c550899bf1a84e5e0831ed6e3573ccf798f7a4 [formerly 3c951aaf0f638ac5e7637841e835f3a354c33192]
Former-commit-id: b5839c3e783af0182ca7ffc037161914d4a2a503

_assets/src/App.vue

@@ -1,14 +1,14 @@
 <template>
   <div id="app">
     <header>
-      <div id="top-bar">
-            <img src="./assets/logo.svg" alt="File Manager">
-            <search></search>
-        </div>
-        <div id="bottom-bar">
-    
-        </div>
-        <div id="click-overlay"></div>
+      <div id="first-bar">
+        <img src="./assets/logo.svg" alt="File Manager">
+        <search></search>
+      </div>
+      <div id="second-bar">
+        <info-button></info-button>
+      </div>
+      <!-- <div id="click-overlay"></div> -->
     </header>
     <nav id="sidebar">
       <a class="action" :href="baseURL + '/'">
@@ -50,6 +50,7 @@
 import Search from './components/Search'
 import Preview from './components/Preview'
 import Listing from './components/Listing'
+import InfoButton from './components/InfoButton'
 import css from './css.js'
 
 function updateColumnSizes () {
@@ -61,7 +62,7 @@ function updateColumnSizes () {
 
 export default {
   name: 'app',
-  components: { Search, Preview, Listing },
+  components: { Search, Preview, Listing, InfoButton },
   mounted: function () {
     updateColumnSizes()
     window.addEventListener('resize', updateColumnSizes)