Fix spacing with VRow (#395)

accentor · Jan 9, 2021 · 3531ce8 · 3531ce8
1 parent 2575eda
commit 3531ce8
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 24 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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,41 +50,41 @@
         <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>
       <VCol cols="12">
         <EditCodecs />
       </VCol>
     </VRow>
-    <VRow>
+    <VRow class="mb-2">
       <h2 class="text-h5">{{ $t("library.codec-conversions") }}</h2>
     </VRow>
     <VRow>
       <VCol cols="12">
         <EditCodecConversions />
       </VCol>
     </VRow>
-    <VRow>
+    <VRow class="mb-2">
       <h2 class="text-h5">{{ $t("library.cover-filenames") }}</h2>
     </VRow>
     <VRow>
       <VCol cols="12">
         <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
@@ -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
@@ -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>