From 110301726082d7d9799e38e166e9db9964a670e7 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Fri, 27 Dec 2019 20:38:00 +0800
Subject: [PATCH] fix icon alignment on browse book for mobile

---
 komga-webui/src/components/BrowseBook.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/komga-webui/src/components/BrowseBook.vue b/komga-webui/src/components/BrowseBook.vue
index 5812d6059..862d860e7 100644
--- a/komga-webui/src/components/BrowseBook.vue
+++ b/komga-webui/src/components/BrowseBook.vue
@@ -30,7 +30,7 @@
       </v-row>
 
       <v-row align="center">
-        <v-col cols="1">
+        <v-col cols="auto">
           <v-btn icon
                  title="Download file"
                  class="pb-1"
@@ -38,15 +38,16 @@
             <v-icon>mdi-file-download</v-icon>
           </v-btn>
         </v-col>
-        <v-col cols="1">
+        <v-col cols="auto">
           <v-btn icon
+                 color="primary"
                  title="Read book"
                  class="pb-1"
                  :to="{name: 'read-book', params: { bookId: bookId}}">
             <v-icon>mdi-book-open-page-variant</v-icon>
           </v-btn>
         </v-col>
-        <v-col>
+        <v-col cols="auto">
           <v-icon class="mr-2 pb-1">mdi-book-open</v-icon>
           <span class="body-2">{{ book.metadata.pagesCount }} pages</span>
         </v-col>