<!-- Edit Modal -->
    <div id="editModal" class="modal row" style="max-height:none;">
      <form id="edit-card-form">
        <div class="modal-content col">
          <div class="row" style="margin-bottom:0">
            <div class="card  cyan-text text-darken-2"
                 style="width:300px; height:180px; margin-bottom:0; font-size:120%;">
              <div class="valign-wrapper">
                <div id="edit-card-input" ng-model="newCardFormattedText" style="outline:0px solid transparent;"
                     class="card-content valign center-align"
                     contenteditable select-non-editable="true" ng-change="refreshEditCardInput()">
                </div>

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

        <div class="col">
          <div class="row">
          </div>
          <div class="row">
            <button class="btn modal-close" type="submit" ng-click="saveChanges()"
                    data-position="left"
                    data-delay="50" ng-class="submit_enabled?{}:'disabled'">
              Save Changes
              <i class="mdi-action-done right"></i>
            </button>
          </div>
  
  
          <div class="row">
            <button class="btn modal-close red" ng-click="discardChanges()"
                    data-position="left"
                    data-delay="50">
              Discard Changes
              <i class="mdi-content-clear right"></i>
            </button>
          </div>
  
          <div class="row">
            <button id="blank-selected" style="float:left" class="btn" data-position="right" data-delay="50">
              Blank Selected Text
            </button>
          </div>
  
  
          <div class="row" ng-show="editCardText" ng-style="(editCardText.length>160)?{color:'red'}:{}">
            {{editCardText.length}}/160 characters
          </div>
          <div class="row" ng-show="editCardText.length < 5">
            Please write a little more!
          </div>
          <div class="row" ng-show="editCardText.length > 140">
            Good flashcards have a<br>
            single atomic fact
          </div>

        </div>

      </form>
    </div>

  
  <div class="row">
    <h2 ng-cloak ng-show="cards.length == 0">This is your deck, but it's blank! Add a card from the feed to see it
      here!</h2>

    <div class="progress center-align" style="margin: 70px auto auto;width:50%;" ng-if="cards === false">
      <div class="indeterminate"></div>
    </div>

  
    <div class="cardColumn" ng-repeat="col in cardCols">

      <div class="repeated-card" ng-repeat="card in col">
        <flashcard flashcard-obj="card"/>

      </div>

    </div>

  </div>