From 3531ce8e7d20a9e6170bd4455a52eced80f50e8f Mon Sep 17 00:00:00 2001
From: robbevp <robbe@vanpetegem.me>
Date: Sat, 9 Jan 2021 14:56:21 +0100
Subject: [PATCH] Fix spacing with VRow (#395)

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

diff --git a/src/components/AlbumForm.vue b/src/components/AlbumForm.vue
index b41874c3..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">
+        <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")
diff --git a/src/components/EditReviewComment.vue b/src/components/EditReviewComment.vue
index cf19be5d..a52f4c97 100644
--- a/src/components/EditReviewComment.vue
+++ b/src/components/EditReviewComment.vue
@@ -20,7 +20,7 @@
           />
         </VCardText>
         <VCardActions>
-          <VRow justify="end">
+          <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 a01dcd3c..6d6fc001 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 my-0">
       <div class="flex player-left">
         <div class="content">
           <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/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>
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>