fix styling and title

Co-authored-by: Niko Lockenvitz <nl@nikolockenvitz.de>

src/components/layout/NavigationBar.vue

@@ -12,7 +12,7 @@
     >
       <v-list>
         <v-list-item>
-          <v-img src="../../../public/img/flash.svg" class="ffc-icon"></v-img>
+          <v-img src="../../assets/flash.svg" class="ffc-icon"></v-img>
         </v-list-item>
         <v-divider></v-divider>
         <v-list-item v-for="navItem in navBarList" :key="navItem.to" :to="navItem.to" link>
@@ -144,4 +144,10 @@ export default class NavigationBar extends NavigationBarProps {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
+.ffc-icon {
+  height: 200px;
+}
+.v-list {
+  padding: 0;
+}
 </style>

src/views/About.vue

@@ -8,7 +8,7 @@
           <v-btn color="indigo" @click="shareApp" class="my-4">Share Fancy Flashcard</v-btn>
 
           <v-footer app>
-            <span class="px-4">
+            <span class="px-4 copyright">
               &copy; {{ new Date().getFullYear() }} Niko Lockenvitz &amp; Rene-Pascal Fischer
               <br />
               <a
@@ -67,4 +67,7 @@ export default {
 .about {
   text-align: center;
 }
+.copyright {
+  margin: auto;
+}
 </style>

vue.config.js

@@ -9,4 +9,12 @@ module.exports = {
       short_name: "FFC",
     },
   },
+  chainWebpack: config => {
+    config
+    .plugin('html')
+    .tap(args => {
+      args[0].title = 'Fancy Flashcard'
+      return args
+    })
+  },
 };