<div class="mdl-cell mdl-cell--12-col mdl-cell--4-col-phone round image" style="background-image: url('<%= story['preferred'].img_link %>');">
  <div class="photo-overlay">
    <button id="<%= story['preferred'].id %>" class="mdl-button mdl-js-button mdl-button--icon mdl-color--orange-300">
      <i class="material-icons">more_vert</i>
    </button>

    <span class="mdl-typography--display-2 mdl-color-text--white"><%= link_to story["preferred"].title, story["preferred"].url %></span><br>
    <span class="mdl-typography--headline mdl-color-text--white"><%= story["preferred"].summary %></span><br>
    <span class="mdl-typography--headline mdl-color-text--grey-500"><%= story["preferred"].subscription.name %></span>

    <ul for="<%= story['preferred'].id %>" class="mdl-menu mdl-menu--bottom-right mdl-js-menu">
      <p class="mdl-menu__item">Related:</p>
      <% story["other_sources"].each do |related| %>
        <li class="mdl-menu__item"><%= link_to related.title, related.url %> <span class="mdl-color-text--grey-500">--<%= related.subscription.name %></span></li>
      <% end %>
    </ul>
  </div>
</div>

<div class="mdl-cell mdl-cell--12-col mdl-cell--4-col-phone round image" style="background-image: url('<%= story['preferred'].img_link %>');">
  <button id="<%= story['preferred'].id %>" class="mdl-button mdl-js-button mdl-button--icon mdl-color--orange-300">
    <i class="material-icons">more_vert</i>
  </button>

  <div class="photo-overlay">
    <span class="mdl-typography--display-2 mdl-color-text--white"><%= link_to story["preferred"].title, story["preferred"].url %></span><br>
    <span class="mdl-typography--headline mdl-color-text--white"><%= story["preferred"].summary %></span><br>
    <span class="mdl-typography--headline mdl-color-text--grey-500"><%= story["preferred"].subscription.name %></span>

    <ul for="<%= story['preferred'].id %>" class="mdl-menu mdl-menu--bottom-right mdl-js-menu">
      <p class="mdl-menu__item">Related:</p>
      <% story["other_sources"].each do |related| %>
        <li class="mdl-menu__item"><%= link_to related.title, related.url %> <span class="mdl-color-text--grey-500">--<%= related.subscription.name %></span></li>
      <% end %>
    </ul>
  </div>
</div>

Change z-layer that 'more' card appears on photo-overlay boxes
Change z-layer that 'more' card appears on photo-overlay boxes
