padding fix

src/App.vue

@@ -2,11 +2,9 @@
     <v-app :style="{ backgroundColor: background }">
         <AddModal />
         <Navbar v-if="isAuthenticated" />
-        <v-container class="pa-4">
+        <v-content fill-height fill-width>
-            <v-content fill-height fill-width>
+            <router-view></router-view>
-                <router-view></router-view>
+        </v-content>
-            </v-content>
-        </v-container>
     </v-app>
 </template>
 

src/services/qbit.js

@@ -118,7 +118,6 @@ class Qbit {
             reverse: payload.reverse
         }
         const data = new URLSearchParams(params)
-        console.log(data.toString())
         return this.axios.get(`/torrents/info?${data.toString()}`)
     }
 

src/views/Dashboard.vue

@@ -1,11 +1,11 @@
 <template>
-    <div color="background" @click.self="resetSelected">
+    <div class="pl-5 pr-5" color="background" @click.self="resetSelected">
         <h1 style="font-size: 1.1em !important;" class="subtitle-1 grey--text">
             Dashboard
         </h1>
         <v-container
             color="background"
-            class="my-4 pa-0"
+            class="my-4 pt-5 pa-0"
             @click.self="resetSelected"
         >
             <!-- justify-center here in layout to center!! -->

src/views/Login.vue

@@ -1,6 +1,6 @@
 <template>
     <v-layout row wrap align-center class="justify-center">
-        <div style="margin: 0 auto;">
+        <div style="margin: 100px auto;">
             <v-container class="grey lighten-4 pa-0">
                 <v-card max-width="400" flat>
                     <v-container :class="`pa-3 project done`">