Fix image size in landscape and version in panel (#24)

Closes #22 and also fixes unlisted issue with the display of the placeholder image on the detect screen when in landscape mode.

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>

Reviewed-on: Georgi_Lab/ALVINN_f7#24

src/components/app.vue

@@ -10,6 +10,9 @@
           <f7-list-item link="/settings/" view=".view-main" panel-close=".panel-left">Settings</f7-list-item>
           <f7-list-item link="/about/">About ALVINN</f7-list-item>
         </f7-list>
+        <f7-toolbar class="panel-bar" position="bottom">
+          <span>version 0.1.1</span>
+        </f7-toolbar>
       </f7-page>
     </f7-view>
   </f7-panel>
@@ -37,6 +40,13 @@
 
   </f7-app>
 </template>
+
+<style>
+  .panel-bar > .toolbar-inner {
+    justify-content: center;
+  }
+</style>
+
 <script>
   import { ref, onMounted } from 'vue';
   import { f7, f7ready } from 'framework7-vue';