<link rel="import" href="../bower_components/core-icons/core-icons.html">
<link rel="import" href="../bower_components/paper-fab/paper-fab.html">
<polymer-element name="x-pprss-bottom-bar" attributes="client holderItem">
  <template>
  <style>
    paper-fab.blue {
      background: #526E9C;
    }
  </style>
  <div layout horizontal end-justified>
    <paper-fab
      class="blue"
      icon="done"
      title="Mark as read"
      on-tap="{{handleMarkAsRead}}"
      >
    </paper-fab>
  </div>
  </template>
  <script>
    (function(){
    Polymer('x-pprss-bottom-bar', {
      client: {},
      holderItem: {},
      ready: function(){
      },
      domReady: function(){
      },
      handleMarkAsRead: function(e){
        this.fire('mark-as-read', {holderItem: this.holderItem});
      }
    });
    })();
  </script>
</polymer-element>

<link rel="import" href="../bower_components/core-icons/core-icons.html">
<link rel="import" href="../bower_components/paper-fab/paper-fab.html">
<polymer-element name="x-pprss-bottom-bar" attributes="client holderItem">
  <template>
  <style>
    paper-fab {
      margin-left: 16px;
    }
    paper-fab.mark-as-read {
      /* background: #526E9C; */
      background: #455A64;
    }
    paper-fab.open-unread-holder {
      /* background: #388E3C; */
      background: #0097A7;
    }
  </style>
  <div layout horizontal reverse>
    <paper-fab
      class="mark-as-read"
      icon="done"
      title="Mark as read"
      on-tap="{{handleMarkAsRead}}"
      >
    </paper-fab>
    <paper-fab
      class="open-unread-holder"
      icon="arrow-drop-down"
      title="Open unread holder"
      on-tap="{{handleOpenUnreadHolder}}"
      >
    </paper-fab>
  </div>
  </template>
  <script>
    (function(){
    Polymer('x-pprss-bottom-bar', {
      client: {},
      holderItem: {},
      ready: function(){
      },
      domReady: function(){
      },
      handleMarkAsRead: function(e){
        this.fire('mark-as-read', {holderItem: this.holderItem});
      },
      handleOpenUnreadHolder: function(e){
        this.fire('open-unread', {holderItem: this.holderItem});
      }
    });
    })();
  </script>
</polymer-element>

Add open-unread-holder button into `bottom-bar` element
Add open-unread-holder button into `bottom-bar` element
