Added collections loading

src/App.vue

@@ -13,21 +13,21 @@
 
   </div>
   <div id="app-loader" v-else>
-    <loading-screen/>
+    <big-chungus-loader id="loading-screen"/>
   </div>
 </template>
 
 <script>
 import FooterNav from "@/components/FooterNav";
 import Navbar from "@/components/Navbar";
-import LoadingScreen from "@/components/LoadingScreen";
+import BigChungusLoader from "@/components/BigChungusLoader";
 
 export default {
   name: "Login",
   components: {
     Navbar,
     FooterNav,
-    LoadingScreen
+    BigChungusLoader
   },
   created() {
     // The basic app is created... Currently showing a loading screen (as soon as mounted)
@@ -37,7 +37,7 @@ export default {
       this.$api.getMyInfo().then(({name}) => {
 
         this.$store.dispatch('storeUserData', name).then(() => {
-          this.$router.push('/').catch(() => {});
+          this.$router.push({name: "Collections"}).catch(() => {});
             this.$store.dispatch('setAppReady');
 
         });
@@ -84,4 +84,8 @@ export default {
 #app-loader {
   height: 100%;
 }
+
+#loading-screen {
+  margin: 45vh auto 0 auto;
+}
 </style>