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">Add a By-Law</h3>
      <button class="delete is-close-modal-button" aria-label="close" type="button"></button>
    </header>
    <section class="modal-card-body">
      <form id="form--addBylaw">
        <div class="field">
          <label class="label" for="addBylaw--bylawNumber">By-Law Number</label>
          <div class="control">
            <input class="input" id="addBylaw--bylawNumber" name="bylawNumber" type="text" minlength="2" maxlength="20" pattern="^[\w-.() ]+$" required />
          </div>
          <p class="help">
            Can include numbers, letters, hyphens, underscores, spaces, and round brackets.
            Must be unique.
          </p>
        </div>
        <div class="field">
          <label class="label" for="addBylaw--bylawDescription">By-Law Description</label>
          <div class="control">
            <input class="input" id="addBylaw--bylawDescription" name="bylawDescription" type="text" maxlength="200" required />
          </div>
        </div>
      </form>
    </section>
    <footer class="modal-card-foot justify-flex-end">
      <button class="button is-close-modal-button" type="button">Cancel</button>
      <button class="button is-success" type="submit" form="form--addBylaw">
        <span class="icon is-small"><i class="fas fa-plus" aria-hidden="true"></i></span>
        <span>Add By-Law</span>
      </button>
    </footer>
  </div>
</div>