<div class="card flashy smallify" ng-init="startShrink = false"
    ng-class="{'shrinky': startShrink}">
  <div class="card-content">
    <p>{{flashcard.text}}</p>
  </div>
  <div class="card-overlay">
    <div class="top-box" ng-click="pullCard(flashcard)">
      <div class="center-me"><i class="mdi-content-add-circle-outline medium"></i></div>
    </div>

    <div class="bottom-box">
      <div class="left-box">
        <div class="center-me"><i class="mdi-action-info-outline small"></i></div>
      </div>
      <div class="right-box" ng-click="startShrink = true; unpullCard(flashcard);
          hideCard(flashcard); refresh()">
        <div class="center-me"><i class="mdi-action-delete small"></i></div>
      </div>

    </div>
  </div>
</div>