From f228210209cce1e05eacac8da8f7d16ff2e61059 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Thu, 21 Nov 2019 17:44:20 +0800
Subject: [PATCH] small cosmetic changes

---
 komga-webui/src/components/AccountSettings.vue | 2 +-
 komga-webui/src/components/BrowseLibraries.vue | 6 ++++--
 komga-webui/src/components/BrowseSeries.vue    | 6 ++++--
 komga-webui/src/components/SettingsUsers.vue   | 2 +-
 komga-webui/src/components/Welcome.vue         | 2 +-
 komga-webui/src/views/Home.vue                 | 6 +++---
 6 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/komga-webui/src/components/AccountSettings.vue b/komga-webui/src/components/AccountSettings.vue
index 0c28133ed..21938f009 100644
--- a/komga-webui/src/components/AccountSettings.vue
+++ b/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>
diff --git a/komga-webui/src/components/BrowseLibraries.vue b/komga-webui/src/components/BrowseLibraries.vue
index 348be6c2a..546e445da 100644
--- a/komga-webui/src/components/BrowseLibraries.vue
+++ b/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"
diff --git a/komga-webui/src/components/BrowseSeries.vue b/komga-webui/src/components/BrowseSeries.vue
index 952dfba3d..93b6d6d13 100644
--- a/komga-webui/src/components/BrowseSeries.vue
+++ b/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"
diff --git a/komga-webui/src/components/SettingsUsers.vue b/komga-webui/src/components/SettingsUsers.vue
index 503a5ea1b..438b0b0d6 100644
--- a/komga-webui/src/components/SettingsUsers.vue
+++ b/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>
diff --git a/komga-webui/src/components/Welcome.vue b/komga-webui/src/components/Welcome.vue
index 98ffb1637..7a958b203 100644
--- a/komga-webui/src/components/Welcome.vue
+++ b/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"
diff --git a/komga-webui/src/views/Home.vue b/komga-webui/src/views/Home.vue
index 20418d0eb..c21a18f8f 100644
--- a/komga-webui/src/views/Home.vue
+++ b/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"