anchor.diff:  
   <script>
     $(document).click(function(e){
  -      if( !$(e.target).is(".notification_list_cover") && !$(e.target).is(".unopned_circle_wrapper") ){
  +      if( !$(e.target).is(".notification_list_cover") && !$(e.target).is(".notification_wrapper a") ){
           if($(".notification_wrapper").hasClass("open") && !$(".notification_wrapper").hasClass("opened")){
             $(".notification_wrapper").addClass("opened");
           }else if($(".notification_wrapper").hasClass("opened")){
  
positive.code:     right: -10px;
      background-color: #fff;
    }
    .notification_wrapper .notification_list_wrapper .notifications {
      position: relative;
      width: 330px;
      height: 465px;
      overflow: scroll;
    }
    .notification_wrapper .notification_list_wrapper .notification_link_wrapper{
      position: absolute;
      bottom: 0;
      width: 330px;
      height: 22px;
      border-top: 1px solid #e5e5e5;
      padding: 4px 0 8px 0;
      text-align: center;
      background-color: #fff;
    }
    .notification_wrapper .notification_list_wrapper .notification_link_wrapper:hover{
      background-color: #f8f9fb;
  
negative.code:     <p><span class="notification_count"><span class="<%= 'unopened' if @target.has_unopened_notifications? %>"><%= @target.unopened_notification_count %></span></span></p>
    </a>
    <div class="notification_list_wrapper">
      <div class="notification_header_wrapper">
        <p class="notification_header_title">
          Notifications
        </p>
        <p class="notification_header_menu">
          <%= link_to "Open all", open_all_notifications_path_for(@target), method: :post, remote: true %>
        </p>
      </div>
      <div class="notifications">
        <%= yield :notification_index %>
      </div>
      <%= link_to notifications_path_for(@target) do %>
        <div class="notification_link_wrapper">
          <p class="notification_link">
            See notifications
          </p>
        </div>
      <% end %>
    </div>
  </div>
  