num.html

<!-- Modal Structure -->
<div id="num-modal-template" class="modal bottom-sheet">
  <div class="modal-content">
      <div class="container center num-jboard-container" id="num-jboard-container">
          <div class="row num-row" id="row-1" style="margin : 0">
              <div class="jboard-key" id="7" style="display : inline-block">7</div>
              <div class="jboard-key" id="8" style="display : inline-block">8</div>
              <div class="jboard-key" id="9" style="display : inline-block">9</div>
              <div class="jboard-key" id="backspace" style="display : inline-block"> ⌫ </div>
          </div>
          <div class="row num-row" id="row-2" style="margin : 0">
              <div class="jboard-key" id="4" style="display : inline-block">4</div>
              <div class="jboard-key" id="5" style="display : inline-block">5</div>
              <div class="jboard-key" id="6" style="display : inline-block">6</div>
              <div class="jboard-key" id="clear" style="display : inline-block"> C </div>
          </div>
          <div class="row num-row" id="row-3" style="margin : 0">
              <div class="jboard-key" id="1" style="display : inline-block">1</div>
              <div class="jboard-key" id="2" style="display : inline-block">2</div>
              <div class="jboard-key" id="3" style="display : inline-block">3</div>
              <div class="jboard-key blank-key" id="blank" style="display : inline-block"> &nbsp</div>
          </div>
          <div class="row num-row" id="row-4" style="margin : 0">
              <div class="jboard-key" id="0" style="display : inline-block">0</div>
              <div class="jboard-key" id="dot" style="display : inline-block">.</div>
              <div class="jboard-key" id="accept" style="display : inline-block"> ✓ </div>
              <div class="jboard-key" id="reject" style="display : inline-block"> ✖ </div>
          </div>
      </div>
  </div>
</div>