From 148d14af588ebbc2c387b453ecab57543f50df03 Mon Sep 17 00:00:00 2001
From: Robbe Van Petegem <robbe@vanpetegem.me>
Date: Tue, 5 Jan 2021 14:51:45 +0100
Subject: [PATCH 1/5] Set no-guttters for player row

---
 src/components/Player.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Player.vue b/src/components/Player.vue
index a01dcd3c..fad7a798 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -47,7 +47,7 @@
       </table>
     </div>
 
-    <VRow class="player-controls" align="center">
+    <VRow class="player-controls" align="center" no-gutters>
       <div class="flex player-left">
         <div class="content">
           <VBtn

From daf240ea4c3a9113e3d65740e34bcf4fc57ff45c Mon Sep 17 00:00:00 2001
From: Robbe Van Petegem <robbe@vanpetegem.me>
Date: Tue, 5 Jan 2021 14:54:57 +0100
Subject: [PATCH 2/5] Set bottom margin manually for library page

---
 src/views/Library.vue | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/views/Library.vue b/src/views/Library.vue
index cf8232d2..6b43d35f 100644
--- a/src/views/Library.vue
+++ b/src/views/Library.vue
@@ -1,16 +1,16 @@
 <template>
   <VContainer fluid v-if="isModerator">
     <vue-headful :title="$t('library-settings') + ' | Accentor'" />
-    <VRow>
+    <VRow class="mb-2">
       <h2 class="text-h5">{{ $t("library.maintenance") }}</h2>
     </VRow>
-    <VRow>
+    <VRow class="mb-4">
       <MaintenanceActions />
     </VRow>
-    <VRow>
+    <VRow class="mb-2">
       <h2 class="text-h5">{{ $t("library.rescan") }}</h2>
     </VRow>
-    <VRow v-if="rescan">
+    <VRow v-if="rescan" class="mb-2">
       <VBtn
         @click="start"
         :disabled="rescanRunning"
@@ -24,7 +24,7 @@
         {{ $t("library.start-scan") }}
       </VBtn>
     </VRow>
-    <VRow class="flex-column" v-if="rescan">
+    <VRow class="flex-column mb-4" v-if="rescan">
       <div>
         <strong>{{ $t("library.finished-at") }}: </strong>
         {{
@@ -50,7 +50,7 @@
         <pre class="text-body-2">{{ rescan.error_text }}</pre>
       </div>
     </VRow>
-    <VRow>
+    <VRow class="mb-2">
       <h2 class="text-h5">{{ $t("library.codecs") }}</h2>
     </VRow>
     <VRow>
@@ -58,7 +58,7 @@
         <EditCodecs />
       </VCol>
     </VRow>
-    <VRow>
+    <VRow class="mb-2">
       <h2 class="text-h5">{{ $t("library.codec-conversions") }}</h2>
     </VRow>
     <VRow>
@@ -66,7 +66,7 @@
         <EditCodecConversions />
       </VCol>
     </VRow>
-    <VRow>
+    <VRow class="mb-2">
       <h2 class="text-h5">{{ $t("library.cover-filenames") }}</h2>
     </VRow>
     <VRow>
@@ -74,17 +74,17 @@
         <EditCoverFilenames />
       </VCol>
     </VRow>
-    <VRow>
+    <VRow class="mb-2">
       <h2 class="text-h5">
         {{ $t("library.image-types") }}
       </h2>
     </VRow>
-    <VRow>
+    <VRow class="mb-2">
       <VCol cols="12">
         <EditImageTypes />
       </VCol>
     </VRow>
-    <VRow>
+    <VRow class="mb-2">
       <h2 class="text-h5">{{ $t("library.locations") }}</h2>
     </VRow>
     <VRow>

From 19fbc806e3c7b1fd3c1d64e6e5cce6b70767187a Mon Sep 17 00:00:00 2001
From: Robbe Van Petegem <robbe@vanpetegem.me>
Date: Tue, 5 Jan 2021 16:26:03 +0100
Subject: [PATCH 3/5] Fix spacing

---
 src/components/AlbumForm.vue         |  2 +-
 src/components/EditReviewComment.vue |  2 +-
 src/views/Home.vue                   | 12 ++++++------
 src/views/flags/Flags.vue            |  4 ++--
 src/views/users/User.vue             |  4 ++--
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/components/AlbumForm.vue b/src/components/AlbumForm.vue
index b41874c3..fe320d21 100644
--- a/src/components/AlbumForm.vue
+++ b/src/components/AlbumForm.vue
@@ -201,7 +201,7 @@
           v-model="clear_review_comment"
           :label="$tc('music.flag.clear', 1)"
         />
-        <VRow justify="center">
+        <VRow justify="center" no-gutters>
           <VBtn :disabled="!isValid" color="primary" class="ma-2" type="submit">
             {{
               this.album ? $t("music.album.update") : $t("music.album.create")
diff --git a/src/components/EditReviewComment.vue b/src/components/EditReviewComment.vue
index cf19be5d..ab5bee68 100644
--- a/src/components/EditReviewComment.vue
+++ b/src/components/EditReviewComment.vue
@@ -20,7 +20,7 @@
           />
         </VCardText>
         <VCardActions>
-          <VRow justify="end">
+          <VRow justify="end" no-gutters>
             <VBtn color="primary" class="ma-2" type="submit" @click="flag">
               {{ $t("music.flag.for-review") }}
             </VBtn>
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 570c3872..68d0d1d5 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -15,7 +15,7 @@
           <h2 class="text-h4">{{ $t("home.recently-released") }}</h2>
         </template>
         <template v-slot:default="props">
-          <VRow>
+          <VRow class="my-0">
             <VCol
               v-for="item in props.items"
               :key="item.id"
@@ -47,7 +47,7 @@
           </h2>
         </template>
         <template v-slot:default="props">
-          <VRow>
+          <VRow class="my-0">
             <VCol
               v-for="item in props.items"
               :key="item.id"
@@ -79,7 +79,7 @@
           </h2>
         </template>
         <template v-slot:default="props">
-          <VRow>
+          <VRow class="my-0">
             <VCol
               v-for="item in props.items"
               :key="item.id"
@@ -114,7 +114,7 @@
           </v-alert>
         </template>
         <template v-slot:default="props">
-          <VRow>
+          <VRow class="my-0">
             <VCol
               v-for="item in props.items"
               :key="item.id"
@@ -147,7 +147,7 @@
           </h2>
         </template>
         <template v-slot:default="props">
-          <VRow>
+          <VRow class="my-0">
             <VCol
               v-for="item in props.items"
               :key="item.id"
@@ -179,7 +179,7 @@
           </h2>
         </template>
         <template v-slot:default="props">
-          <VRow>
+          <VRow class="my-0">
             <VCol
               v-for="item in props.items"
               :key="item.id"
diff --git a/src/views/flags/Flags.vue b/src/views/flags/Flags.vue
index d7444a6a..58a124ed 100644
--- a/src/views/flags/Flags.vue
+++ b/src/views/flags/Flags.vue
@@ -13,7 +13,7 @@
         :items-per-page="6"
       >
         <template v-slot:default="props">
-          <VRow>
+          <VRow class="mb-0">
             <VCol
               v-for="item in props.items"
               :key="`artist${item.id}`"
@@ -41,7 +41,7 @@
         :items-per-page="6"
       >
         <template v-slot:default="props">
-          <VRow>
+          <VRow class="mb-0">
             <VCol
               v-for="item in props.items"
               :key="`album${item.id}`"
diff --git a/src/views/users/User.vue b/src/views/users/User.vue
index a7747491..8ed1ea99 100644
--- a/src/views/users/User.vue
+++ b/src/views/users/User.vue
@@ -2,12 +2,12 @@
   <VContainer fluid v-if="user">
     <vue-headful :title="user.name + ' | Accentor'" />
     <VRow>
-      <div>
+      <VCol>
         <div class="text-h4">{{ user.name }}</div>
         <span class="grey--text">
           {{ user.permission }}
         </span>
-      </div>
+      </VCol>
     </VRow>
   </VContainer>
 </template>

From 21ef6b55a8f73c5db0a4cb5c57a65f944f825d1b Mon Sep 17 00:00:00 2001
From: Robbe Van Petegem <robbe@vanpetegem.me>
Date: Sat, 9 Jan 2021 13:56:21 +0100
Subject: [PATCH 4/5] Switch no-guitters to my-0 class

---
 src/components/AlbumForm.vue         | 2 +-
 src/components/EditReviewComment.vue | 2 +-
 src/components/Player.vue            | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/AlbumForm.vue b/src/components/AlbumForm.vue
index fe320d21..2aef74a1 100644
--- a/src/components/AlbumForm.vue
+++ b/src/components/AlbumForm.vue
@@ -201,7 +201,7 @@
           v-model="clear_review_comment"
           :label="$tc('music.flag.clear', 1)"
         />
-        <VRow justify="center" no-gutters>
+        <VRow justify="center my-o">
           <VBtn :disabled="!isValid" color="primary" class="ma-2" type="submit">
             {{
               this.album ? $t("music.album.update") : $t("music.album.create")
diff --git a/src/components/EditReviewComment.vue b/src/components/EditReviewComment.vue
index ab5bee68..a52f4c97 100644
--- a/src/components/EditReviewComment.vue
+++ b/src/components/EditReviewComment.vue
@@ -20,7 +20,7 @@
           />
         </VCardText>
         <VCardActions>
-          <VRow justify="end" no-gutters>
+          <VRow justify="end my-0">
             <VBtn color="primary" class="ma-2" type="submit" @click="flag">
               {{ $t("music.flag.for-review") }}
             </VBtn>
diff --git a/src/components/Player.vue b/src/components/Player.vue
index fad7a798..6d6fc001 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -47,7 +47,7 @@
       </table>
     </div>
 
-    <VRow class="player-controls" align="center" no-gutters>
+    <VRow class="player-controls" align="center my-0">
       <div class="flex player-left">
         <div class="content">
           <VBtn

From 921590aa3a742836107e81c4e6f9fa7d782ba8e3 Mon Sep 17 00:00:00 2001
From: Robbe Van Petegem <robbe@vanpetegem.me>
Date: Sat, 9 Jan 2021 14:45:43 +0100
Subject: [PATCH 5/5] Fix typo

---
 src/components/AlbumForm.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/AlbumForm.vue b/src/components/AlbumForm.vue
index 2aef74a1..51bfb762 100644
--- a/src/components/AlbumForm.vue
+++ b/src/components/AlbumForm.vue
@@ -201,7 +201,7 @@
           v-model="clear_review_comment"
           :label="$tc('music.flag.clear', 1)"
         />
-        <VRow justify="center my-o">
+        <VRow justify="center my-0">
           <VBtn :disabled="!isValid" color="primary" class="ma-2" type="submit">
             {{
               this.album ? $t("music.album.update") : $t("music.album.create")