From 6a17c5a77facd4df4646c865a2e484a2caac6353 Mon Sep 17 00:00:00 2001
From: Tankred Hase <tankred@whiteout.io>
Date: Wed, 3 Dec 2014 09:45:00 +0100
Subject: [PATCH] Increase clickable area around star, rename action bar
 buttons

---
 src/sass/blocks/views/_mail-list.scss | 6 +++++-
 src/tpl/action-bar.html               | 4 ++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/sass/blocks/views/_mail-list.scss b/src/sass/blocks/views/_mail-list.scss
index fe0e63e..ad1919e 100755
--- a/src/sass/blocks/views/_mail-list.scss
+++ b/src/sass/blocks/views/_mail-list.scss
@@ -368,12 +368,16 @@
             .checkbox {
                 vertical-align: middle;
 
-                // add invisible padding to make increase clickable area around checkbox
+                // add invisible padding to increase clickable area around checkbox
                 margin: -0.5em 0 -0.5em -1em;
                 padding: 0.5em 0 0.5em 1em;
             }
         }
         &__flags-favorite {
+            // add invisible padding to increase clickable area around star
+            margin: -0.5em 0 -0.5em;
+            padding: 0.5em 0 0.5em;
+
             & > svg {
                 fill: $color-text-light;
                 &:first-child {
diff --git a/src/tpl/action-bar.html b/src/tpl/action-bar.html
index 8e47e10..56f02ba 100644
--- a/src/tpl/action-bar.html
+++ b/src/tpl/action-bar.html
@@ -37,7 +37,7 @@
   <ul id="dropdown-more" class="dropdown">
     <li><button wo-touch="state.read.open ? markMessage(state.mailList.selected, false) : markCheckedMessages(false)">Mark as read</button></li>
     <li><button wo-touch="state.read.open ? markMessage(state.mailList.selected, true) : markCheckedMessages(true)">Mark as unread</button></li>
-    <li><button wo-touch="state.read.open ? flagMessage(state.mailList.selected, true) : flagCheckedMessages(true)">Add to Favorites</button></li>
-    <li><button wo-touch="state.read.open ? flagMessage(state.mailList.selected, false) : flagCheckedMessages(false)">Remove from Favorites</button></li>
+    <li><button wo-touch="state.read.open ? flagMessage(state.mailList.selected, true) : flagCheckedMessages(true)">Flag message</button></li>
+    <li><button wo-touch="state.read.open ? flagMessage(state.mailList.selected, false) : flagCheckedMessages(false)">Unflag message</button></li>
   </ul><!--/dropdown-->
 </div>