AMBARI-15217. Folder name spills out of Upload file window (pallavkul)

contrib/views/files/src/main/resources/ui/app/styles/app.less

@@ -194,3 +194,12 @@ div.text-danger pre{
   overflow-y: auto;
   height: 350px;
 }
+
+.modal-dialog > .modal-content > .modal-header, .wrap-message {
+  word-break: break-all;
+}
+
+.sub-heading{
+  font-size: 14px;
+  font-weight: normal;
+}

contrib/views/files/src/main/resources/ui/app/templates/components/alert-message.hbs

@@ -18,13 +18,13 @@
 
 <div class={{alert-message-context-class flash.type "clearfix alert alert-dismissible alert-"}}>
   <button type="button" class="close" {{action "closeAlert"}}><span aria-hidden="true">&times;</span></button>
-  <div class="alert-icon">
+  <div class="alert-icon wrap-message">
     {{#fa-stack size=2}}
       {{fa-icon "circle-thin" stack=2}}
       {{fa-icon (alert-message-icon-class flash.type) stack=1}}
     {{/fa-stack}}
   </div>
-  <div class="alert-message-wrap">
+  <div class="alert-message-wrap wrap-message">
     <div class="alert-message">
       {{{flash.message}}}
     </div>

contrib/views/files/src/main/resources/ui/app/templates/components/upload-file.hbs

@@ -26,7 +26,7 @@
       <div class="modal-content">
         <div class="modal-header">
           <button type="button" class="fa fa-times pull-right" {{action 'close'}}></button>
-          <h4>{{fa-icon "upload"}} Upload file to {{path}}</h4>
+          <h4>{{fa-icon "upload"}} Upload file to <span class="sub-heading">{{path}}</span></h4>
         </div>
         <div class="modal-body">
           {{#unless isUploading}}