From 0a132a742ac1eeb71587bee7d19135733fb1aa76 Mon Sep 17 00:00:00 2001
From: Kaelin Hooper <t-kahoop@microsoft.com>
Date: Tue, 16 Aug 2016 12:24:26 -0700
Subject: [PATCH] Resizing now works on all tables

---
 .../PerfDataService/Views/static/stackviewer.css     |  4 ++++
 .../PerfDataService/Views/static/stackviewer.html    | 12 +++++++++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/HtmlJs/PerfDataService/Views/static/stackviewer.css b/src/HtmlJs/PerfDataService/Views/static/stackviewer.css
index baaadeb..c6678fa 100644
--- a/src/HtmlJs/PerfDataService/Views/static/stackviewer.css
+++ b/src/HtmlJs/PerfDataService/Views/static/stackviewer.css
@@ -181,6 +181,10 @@ table tbody td, table tbody th {
     text-indent: 8px;
 }
 
+table.treetable span.indenter {
+    display: inline;  /* TODO: THIS COULD BE HACKY; Figure out another way to fix arrow indenting problem*/
+}
+
 table tbody tr:nth-child(even) {
     background-color: #dddddd;
 }
diff --git a/src/HtmlJs/PerfDataService/Views/static/stackviewer.html b/src/HtmlJs/PerfDataService/Views/static/stackviewer.html
index ad3caa1..c1a8a20 100644
--- a/src/HtmlJs/PerfDataService/Views/static/stackviewer.html
+++ b/src/HtmlJs/PerfDataService/Views/static/stackviewer.html
@@ -112,7 +112,7 @@
             <table id="call-treeTree">
                 <thead>
                     <tr>
-                        <th>Name</th>
+                        <th style="width: 70%;">Name</th>
                         <th>Inc %</th>
                         <th>Inc</th>
                         <th>Exc %</th>
@@ -138,7 +138,7 @@
                 <table id="callersTree">
                     <thead>
                         <tr>
-                            <th>Name</th>
+                            <th style="width: 70%;">Name</th>
                             <th>Inc %</th>
                             <th>Inc</th>
                             <th>Exc %</th>
@@ -164,7 +164,7 @@
             <table id="calleesTree">
                 <thead>
                     <tr>
-                        <th>Name</th>
+                        <th style="width: 70%;">Name</th>
                         <th>Inc %</th>
                         <th>Inc</th>
                         <th>Exc %</th>
@@ -262,6 +262,12 @@
             stackDelegate.filters = $("#filtersForm").serialize();  // In case there are any default filter values set
             loadAndDisplayData(["by-name-list", "call-treeTree"], false);
 
+            $('#tabs').on('change.zf.tabs', function() {
+                $("#" + $(".is-active table").attr("id")).colResizable({
+                    liveDrag: true
+                });
+            });
+
             // Initialize callersTree and possibly set some properties
             $("#callersTree").treetable({
                 expandable: true,