anchor.diff: +<!-- Wide card with share menu button -->
   <style>
  -.demo-card-square.mdl-card {
  -  width: 320px;
  -  height: 320px;
  +.demo-card-wide.mdl-card {
  +  width: 512px;
   }
  -.demo-card-square > .mdl-card__title {
  +.demo-card-wide > .mdl-card__title {
     color: #fff;
  -  background:
  -    url('../assets/demos/dog.png') bottom right 15% no-repeat #46B6AC;
  +  height: 176px;
  +  background: url('../assets/demos/welcome_card.jpg') center / cover;
  +}
  +.demo-card-wide > .mdl-card__menu {
  +  color: #fff;
   }
   </style>
   
   <div class="mdl-grid">
     <div class="mdl-cell mdl-cell--12-col">
       
  -
  -    <div class="demo-card-square mdl-card mdl-shadow--2dp">
  -      <div class="mdl-card__title mdl-card--expand">
  -        <h2 class="mdl-card__title-text">Update</h2>
  +    <div class="demo-card-wide mdl-card mdl-shadow--2dp">
  +      <div class="mdl-card__title">
  +        <h2 class="mdl-card__title-text">Welcome</h2>
         </div>
         <div class="mdl-card__supporting-text">
  -      
  -       <h2>Player Ladder</h2>
  +
           <table id='ratings' class="mdl-data-table mdl-js-data-table mdl-shadow--2dp">
             <thead>
               <tr>
  
positive.code: 
    <div class="row-fluid">
        <div class="col-md-6">
          
  
  
      <div class="col-md-6">
  
negative.code:           </tbody>
          </table>
          <%= link_to "View All", game_ratings_path(@game) %>
  
        </div>
        <div class="mdl-card__actions mdl-card--border">
          <a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
            Get Started
          </a>
        </div>
        <div class="mdl-card__menu">
          <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
            <i class="material-icons">share</i>
          </button>
        </div>
      </div>
  
  
  
    </div>
  