add a shadow on overflowing notifications popover

and fix the title in chrome vs FF

app/assets/javascripts/app/lib/bootstrap/tooltip.js

@@ -259,8 +259,9 @@
     }, offset), 0)
 
     var maxHeight = $('#app').height() - 18
-    if(height > maxHeight)
-      $tip.height(maxHeight)
+    if(height > maxHeight){
+      $tip.height(maxHeight).addClass('is-overflowing')
+    }
 
     $tip.addClass('in')
 

app/assets/stylesheets/zammad.css.scss

@@ -2725,13 +2725,23 @@ footer {
     &.is-visible {
       @extend .vertical;
     }
+
+    .popover-content {
+      @extend .flex;
+    }
+
+    &.is-overflowing .popover-notificationsHeader {
+      box-shadow: 
+        0 1px hsla(240,4%,95%,.5),
+        0 2px hsla(240,4%,95%,.2);
+    }
   }
 
   .popover-notificationsHeader {
     @extend .horizontal;
     @extend .end;
-    @extend .popover-title;
-    padding-bottom: 29px;
+    padding-bottom: 22px;
+    margin: 21px 17px 0;
     
     .popover-title {
       @extend h1;