fix(webui): replace mark as read/unread buttons with icons

tahngarth · Jun 3, 2020 · 709ee1e · 709ee1e
1 parent 5867db7
commit 709ee1e
Showing 1 changed file with 14 additions and 4 deletions.
diff --git 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">