From 709ee1e29b7f98e733b5b2070fdabef3f6d4d171 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Wed, 3 Jun 2020 15:49:05 +0800
Subject: [PATCH] fix(webui): replace mark as read/unread buttons with icons

---
 komga-webui/src/views/BrowseSeries.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/komga-webui/src/views/BrowseSeries.vue b/komga-webui/src/views/BrowseSeries.vue
index 9bbfb3279..bccb7fd86 100644
--- a/komga-webui/src/views/BrowseSeries.vue
+++ b/komga-webui/src/views/BrowseSeries.vue
@@ -58,12 +58,22 @@
 
         <v-spacer/>
 
-        <v-btn @click="markSelectedRead()">
-          Mark as read
+        <v-btn icon @click="markSelectedRead()">
+          <v-tooltip bottom>
+            <template v-slot:activator="{ on }">
+              <v-icon v-on="on">mdi-bookmark-check</v-icon>
+            </template>
+            <span>Mark as Read</span>
+          </v-tooltip>
         </v-btn>
 
-        <v-btn @click="markSelectedUnread()">
-          Mark as unread
+        <v-btn icon @click="markSelectedUnread()">
+          <v-tooltip bottom>
+            <template v-slot:activator="{ on }">
+              <v-icon v-on="on">mdi-bookmark-remove</v-icon>
+            </template>
+            <span>Mark as Unread</span>
+          </v-tooltip>
         </v-btn>
 
         <v-btn icon @click="dialogEditBooks = true" v-if="isAdmin">