cityssm/parking-ticket-system

<div class="modal">
  <div class="modal-background"></div>
  <div class="modal-card">
    <header class="modal-card-head">
      <h3 class="modal-card-title">Select a By-Law</h3>
      <button class="delete is-close-modal-button" aria-label="close" type="button"></button>
    </header>
    <section class="modal-card-body">
      <div class="message is-info">
        <p class="message-body">
          Note that the available by-laws are limited by the location set on the ticket.
        </p>
      </div>

      <div class="field">
        <div class="control has-icons-left">
          <input class="input" id="bylawLookup--searchStr" type="text" placeholder="Filter by-laws" />
          <span class="icon is-small is-left">
            <i class="fas fa-filter" aria-hidden="true"></i>
          </span>
        </div>
      </div>

      <div id="container--bylawNumbers">
        <p class="has-text-centered has-text-grey-lighter">
          <i class="fas fa-3x fa-circle-notch fa-spin" aria-hidden="true"></i><br />
          <em>Loading by-laws...</em>
        </p>
      </div>
    </section>
    <footer class="modal-card-foot justify-flex-end">
      <button class="button is-close-modal-button" type="button">Cancel</button>
      <button class="button" id="is-clear-bylaw-button" type="button">
        <span class="icon is-small">
          <i class="fas fa-eraser" aria-hidden="true"></i>
        </span>
        <span>Clear By-Law</span>
      </button>
    </footer>
  </div>
</div>