From f2f3c2bbfda5406fca897fa94d45706fd52b548d Mon Sep 17 00:00:00 2001
From: Rene Fischer <github@renefischer.org>
Date: Fri, 26 Jun 2020 18:10:57 +0200
Subject: [PATCH] fix styling and title

Co-authored-by: Niko Lockenvitz <nl@nikolockenvitz.de>
---
 {public/img => src/assets}/flash.svg        | 0
 {public/img => src/assets}/flashAppIcon.svg | 0
 src/components/layout/NavigationBar.vue     | 8 +++++++-
 src/views/About.vue                         | 5 ++++-
 vue.config.js                               | 8 ++++++++
 5 files changed, 19 insertions(+), 2 deletions(-)
 rename {public/img => src/assets}/flash.svg (100%)
 rename {public/img => src/assets}/flashAppIcon.svg (100%)

diff --git a/public/img/flash.svg b/src/assets/flash.svg
similarity index 100%
rename from public/img/flash.svg
rename to src/assets/flash.svg
diff --git a/public/img/flashAppIcon.svg b/src/assets/flashAppIcon.svg
similarity index 100%
rename from public/img/flashAppIcon.svg
rename to src/assets/flashAppIcon.svg
diff --git a/src/components/layout/NavigationBar.vue b/src/components/layout/NavigationBar.vue
index e1509df..455ed85 100644
--- a/src/components/layout/NavigationBar.vue
+++ b/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>
diff --git a/src/views/About.vue b/src/views/About.vue
index a52fbd6..51ffa06 100644
--- a/src/views/About.vue
+++ b/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>
diff --git a/vue.config.js b/vue.config.js
index 75fed36..2b16249 100644
--- a/vue.config.js
+++ b/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
+    })
+  },
 };