показывать имена файлов рядом и фиксировать размер окна

Question

Я работаю над angularjs и bootstrap css. Я пытаюсь зафиксировать высоту окна, когда загружаются несколько файлов, нажав кнопку Upload file, размер окна также увеличивается, я хочу показывать имя выбранных файлов рядом, а не показывать каждое имя файла. в разных строках (показанных в настоящее время в демоверсии), когда файлы выбраны и хотят исправить размер окна, когда загружается больше файлов, можем ли мы показывать полосу прокрутки только в именах файлов вместо увеличения размера окна?

ДЕМО: https://plnkr.co/edit/enIZfA1hYD23vvSWn2NJ?p=preview

пример кода:

     <div ng-controller="ModalInstanceCtrl">
    <form name="headerForm">
    <div class="modal-body">
     <div class="modal-dialog">
     <div class="modal-content">
    <br><div> <input type="file" id="fileUpload" ng-file-model="files" multiple />
       <div class="btn"><span id='button' ng-click="$event.stopPropagation();clickOnUpload();">Upload File</span></div>
         <span ng-if="filesToUpload.length > 0">{{filesToUpload.length}} file<span ng-if="filesToUpload.length > 1">s</span> selected</span>
         <p ng-repeat="file in filesToUpload track by $index">
          {{file.name}} <span class="delete-file" ng-click="deleteFile($index)">X</span>
        </p></div>
      <textarea rows="20" maxlength=35000 name="message"  ng-model="message" ></textarea>
        <button type="button" ng-click="cancelModal()">Close</button>
        </div>
        </div>
        </div>

</form>
</div>