From fa28f7cc76a21967277f2b3a34341140516fced6 Mon Sep 17 00:00:00 2001
From: kunw <kunw@vmware.com>
Date: Tue, 28 Jun 2016 11:15:34 +0800
Subject: [PATCH] update for table scrolling style.

---
 static/resources/css/project.css                          | 8 ++++++--
 .../replication/list-replication.directive.html           | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/static/resources/css/project.css b/static/resources/css/project.css
index de147126c0..0601d255e4 100644
--- a/static/resources/css/project.css
+++ b/static/resources/css/project.css
@@ -31,9 +31,13 @@
   margin-bottom: 0;
 }
 
-.table-body-full-width {
+.table-head-container {
+  width: 98%;
+}
+
+.table-body-container {
   overflow-y: auto;
-  width: 1075px;
+  width: 98%;
 }
 
 .gutter {
diff --git a/static/resources/js/components/replication/list-replication.directive.html b/static/resources/js/components/replication/list-replication.directive.html
index 7c5b1c369d..8a0eb05399 100644
--- a/static/resources/js/components/replication/list-replication.directive.html
+++ b/static/resources/js/components/replication/list-replication.directive.html
@@ -12,6 +12,7 @@
     </div>
     <div class="pane-split" id="upon-pane"> 	           
       <div class="sub-pane-split">
+        <div class="table-head-container">
         <table class="table table-pane table-header">
     			 <thead>
             <th width="10%">// 'name' | tr //</th>
@@ -22,7 +23,8 @@
             <th width="15%">// 'actions' | tr //</th>
     			 </thead>
         </table>
-        <div class="table-body-full-width" style="height: 200px;">
+        </div>
+        <div class="table-body-container" style="height: 200px;">
           <table class="table table-pane">
       			 <tbody>
               <tr ng-if="vm.replicationPolicies.length == 0">
@@ -70,6 +72,7 @@
     </div> 
     <div class="pane-split" id="down-pane">   
       <div class="sub-pane-split">
+        <div class="table-head-container">
           <table class="table table-pane table-header">
       			 <thead>
               <th width="20%">// 'name' | tr //</th>
@@ -80,7 +83,8 @@
               <th width="10%">// 'logs' | tr //</th>
       			 </thead>
           </table>
-          <div class="table-body-full-width" style="height: 200px;">
+         </div>
+          <div class="table-body-container" style="height: 200px;">
             <table class="table table-pane">
         			 <tbody>
                 <tr ng-if="vm.replicationJobs.length == 0">