From cdd467f4bd2ea8a105b3789ea1216f17c62bd763 Mon Sep 17 00:00:00 2001
From: Tankred Hase <tankred@whiteout.io>
Date: Fri, 28 Feb 2014 17:19:03 +0100
Subject: [PATCH] make red address label clickable in css

---
 src/sass/components/_labels.scss | 16 ++++++++++++++++
 src/tpl/read.html                |  6 +++---
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/sass/components/_labels.scss b/src/sass/components/_labels.scss
index 419e0df..2cf5cc0 100755
--- a/src/sass/components/_labels.scss
+++ b/src/sass/components/_labels.scss
@@ -30,6 +30,22 @@
     }
 }
 
+.label-primary-click {
+    position: relative;
+
+    &:hover,
+    &:focus {
+        transition: none;
+        background-color: lighten($label-primary-back-color, 5%);
+    }
+
+    &:active,
+    &.active {
+        top: 1px;
+        left: 1px;
+    }
+}
+
 .label-light {
     background-color: $label-light-back-color;
     color: $label-light-color;
diff --git a/src/tpl/read.html b/src/tpl/read.html
index 4e59bf9..efe1af7 100644
--- a/src/tpl/read.html
+++ b/src/tpl/read.html
@@ -9,14 +9,14 @@
     <p class="subject" ng-click="state.read.toggle(false)">{{(state.mailList.selected.subject) ? state.mailList.selected.subject : 'No subject'}}</p>
     <p class="date">{{state.mailList.selected.sentDate | date:'EEEE, MMM d, yyyy h:mm a'}}</p>
     <p class="address">
-      From: <span ng-repeat="u in state.mailList.selected.from" class="label" ng-class="{'label-primary': u.secure === false}" data-icon-append="{{(u.secure === false) ? '&#xe001;' : ''}}" ng-mouseover="getKeyId(u.address)" ng-click="invite(u)" popover="#fingerprint-info">{{u.name || u.address}}</span>
+      From: <span ng-repeat="u in state.mailList.selected.from" class="label" ng-class="{'label-primary': u.secure === false, 'label-primary-click': u.secure === false}" data-icon-append="{{(u.secure === false) ? '&#xe001;' : ''}}" ng-mouseover="getKeyId(u.address)" ng-click="invite(u)" popover="#fingerprint-info">{{u.name || u.address}}</span>
     </p>
     <p class="address">
-      To: <span ng-repeat="u in state.mailList.selected.to" class="label" ng-class="{'label-primary': u.secure === false}" data-icon-append="{{(u.secure === false) ? '&#xe001;' : ''}}" ng-mouseover="getKeyId(u.address)" ng-click="invite(u)" popover="#fingerprint-info">{{u.name || u.address}}</span>
+      To: <span ng-repeat="u in state.mailList.selected.to" class="label" ng-class="{'label-primary': u.secure === false, 'label-primary-click': u.secure === false}" data-icon-append="{{(u.secure === false) ? '&#xe001;' : ''}}" ng-mouseover="getKeyId(u.address)" ng-click="invite(u)" popover="#fingerprint-info">{{u.name || u.address}}</span>
     </p>
     <div ng-switch="state.mailList.selected.cc !== undefined">
       <p class="address" ng-switch-when="true">
-        Cc: <span ng-repeat="u in state.mailList.selected.cc" class="label" ng-class="{'label-primary': u.secure === false}" data-icon-append="{{(u.secure === false) ? '&#xe001;' : ''}}" ng-mouseover="getKeyId(u.address)" ng-click="invite(u)" popover="#fingerprint-info">{{u.name || u.address}}</span>
+        Cc: <span ng-repeat="u in state.mailList.selected.cc" class="label" ng-class="{'label-primary': u.secure === false, 'label-primary-click': u.secure === false}" data-icon-append="{{(u.secure === false) ? '&#xe001;' : ''}}" ng-mouseover="getKeyId(u.address)" ng-click="invite(u)" popover="#fingerprint-info">{{u.name || u.address}}</span>
       </p>
     </div>
   </div><!--/.headers-->