From a5a359cce05e20a86791ce24bcc5c37206c60749 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Tue, 30 Jun 2015 10:23:33 +0200
Subject: [PATCH] fix popover title mark as read

use new standard btn classes, fix spacing
---
 .../views/widget/online_notification.jst.eco   |  2 +-
 app/assets/stylesheets/zammad.css.scss         | 18 +++++-------------
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/app/assets/javascripts/app/views/widget/online_notification.jst.eco b/app/assets/javascripts/app/views/widget/online_notification.jst.eco
index e6e15a24f..9755c1eca 100644
--- a/app/assets/javascripts/app/views/widget/online_notification.jst.eco
+++ b/app/assets/javascripts/app/views/widget/online_notification.jst.eco
@@ -2,7 +2,7 @@
   <div class="arrow"></div>
   <div class="popover-notificationsHeader">
     <div class="popover-title"></div>
-    <a class="popover-notificationsMarkRead js-markAllAsRead"><%- @T( 'Mark all as read' ) %></a>
+    <a class="btn btn--text btn--subtle js-markAllAsRead"><%- @T( 'Mark all as read' ) %></a>
   </div>
   <div class="popover-content"></div>
 </div>
\ No newline at end of file
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 4ebec5bbb..5a78b7c1c 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -2598,6 +2598,7 @@ footer {
       box-shadow:
         0 1px hsla(240,4%,95%,.5),
         0 2px hsla(240,4%,95%,.2);
+      padding-bottom: 17px;
     }
   }
 
@@ -2610,6 +2611,10 @@ footer {
       padding: 0;
       line-height: 1;
     }
+
+    .btn {
+      margin-top: 3px;
+    }
   }
 
   .popover-notificationsCounter {
@@ -2617,19 +2622,6 @@ footer {
     padding-left: 3px;
   }
 
-  .popover-notificationsMarkRead {
-    @extend .btn;
-    cursor: pointer;
-    padding: 7px 0 0 2px;
-    text-decoration: underline;
-    color: hsl(0,0%,77%);
-    display: block;
-
-    &:hover {
-      padding: 7px 0 0 2px;
-    }
-  }
-
 .stat-icon {
   position: relative;
 }