small cosmetic changes

komga-webui/src/components/AccountSettings.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid>
+  <v-container fluid class="ma-3">
     <v-row>
       <span class="headline">Account Settings</span>
     </v-row>

komga-webui/src/components/BrowseLibraries.vue

@@ -1,8 +1,10 @@
 <template>
   <div>
-    <div class="display-1">{{ libraryName }}</div>
+    <v-toolbar flat color="grey lighten-4">
+      <v-toolbar-title>{{ libraryName }}</v-toolbar-title>
+    </v-toolbar>
 
-    <v-container fluid>
+    <v-container fluid class="mx-3">
       <v-row justify="start">
 
         <card-series v-for="s in series"

komga-webui/src/components/BrowseSeries.vue

@@ -1,8 +1,10 @@
 <template>
   <div>
-    <div class="display-1">{{ $_.get(series, 'name', '') }}</div>
+    <v-toolbar flat color="grey lighten-4">
+      <v-toolbar-title>{{ $_.get(series, 'name', '') }}</v-toolbar-title>
+    </v-toolbar>
 
-    <v-container fluid>
+    <v-container fluid class="mx-3">
       <v-row justify="start">
 
         <card-book v-for="b in books"

komga-webui/src/components/SettingsUsers.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-container fluid>
+  <v-container fluid class="ma-3">
     <v-row>
       <span class="headline">Users</span>
     </v-row>

komga-webui/src/components/Welcome.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="ma-3">
     <v-row align="center" justify="center">
       <v-img src="../assets/logo.svg"
              max-width="400"

komga-webui/src/views/Home.vue

@@ -5,6 +5,8 @@
     >
       <v-app-bar-nav-icon @click.stop="toggleDrawer"></v-app-bar-nav-icon>
 
+      <v-spacer/>
+
       <v-tabs v-if="tabs.length > 0">
         <v-tab v-for="(t, index) in tabs" :key="index"
                :id="t.id"
@@ -106,9 +108,7 @@
     </v-navigation-drawer>
 
     <v-content>
-      <v-container fluid>
-        <router-view/>
-      </v-container>
+      <router-view/>
     </v-content>
 
     <library-delete-dialog v-model="modalDeleteLibrary"