YARN-5488. [YARN-3368] Applications table overflows beyond the page boundary(Harish Jaiprakash via Sunil G)

hadoop-yarn-project/hadoop-yarn/hadoop-yarn-ui/src/main/webapp/app/styles/app.css

@@ -273,3 +273,7 @@ li a.navigation-link.ember-view {
   right: 20px;
   top: 3px;
 }
+
+.x-scroll {
+  overflow-x: scroll;
+}

hadoop-yarn-project/hadoop-yarn/hadoop-yarn-ui/src/main/webapp/app/templates/yarn-app.hbs

@@ -49,6 +49,7 @@
         <div class="col-md-12 container-fluid">
           <div class="panel panel-default">
             <div class="panel-heading">Basic Info</div>
+            <div class="x-scroll">
               <table class="display table table-striped table-bordered"
                      cellspacing="0" width="100%">
                 <thead>
@@ -101,6 +102,7 @@
             </div>
           </div>
         </div>
+      </div>
 
       <div class="row">
         {{#if model.app.diagnostics}}