Notes/src/views/dialogs/note_revisions.ejs

<div id="note-revisions-dialog" class="modal fade mx-auto" tabindex="-1" role="dialog">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Note revisions</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body" style="display: flex;">
        <select id="note-revision-list" size="25" style="width: 150px; height: 630px;">
        </select>

        <div id="note-revision-content-wrapper" style="flex-grow: 1; margin-left: 20px;">
          <div style="display: flex">
            <h3 id="note-revision-title" style="margin: 3px; flex-grow: 100;"></h3>

            <div>
              <button class="btn btn-sm" type="button" data-help-page="Note-revisions">
                <i class="glyphicon glyphicon-info-sign"></i> Help
              </button>
            </div>
          </div>

          <div id="note-revision-content" style="height: 600px; width: 600px; overflow: auto;"></div>
        </div>
      </div>
    </div>
  </div>
</div>