Show test names in local_dash

With this, the test names are shown on the result page and we don't need
to hover cursor over the test entries to see the names.

BUG=None
TEST=Check test names are shown.

Change-Id: I7fb8f949e37b356622d4071c59c33c97107845ce
Signed-off-by: Vic Yang <victoryang@chromium.org>
Reviewed-on: https://gerrit.chromium.org/gerrit/51429
Reviewed-by: Tom Wai-Hong Tam <waihong@chromium.org>
diff --git a/utils_py/local_dash/dash_template/static/css/default.css b/utils_py/local_dash/dash_template/static/css/default.css
index 3de250e..2cba2ac 100644
--- a/utils_py/local_dash/dash_template/static/css/default.css
+++ b/utils_py/local_dash/dash_template/static/css/default.css
@@ -268,6 +268,24 @@
   margin-right: auto;
 }
 
+.TestName {
+  height: 130px;
+  text-align: center;
+  position: relative;
+}
+
+.TestNameDiv {
+  -webkit-transform: rotate(270deg);
+  font-weight: normal;
+  text-align: left;
+  overflow: hidden;
+  width: 130px;
+  top: 50%;
+  left: 50%;
+  margin: -6px -65px;
+  position: absolute;
+}
+
 .DevSlaveBox {
   text-align:center;
   height:10px;
diff --git a/utils_py/local_dash/dash_template/views/test_view.tpl b/utils_py/local_dash/dash_template/views/test_view.tpl
index 76dca67..ba19165 100644
--- a/utils_py/local_dash/dash_template/views/test_view.tpl
+++ b/utils_py/local_dash/dash_template/views/test_view.tpl
@@ -50,18 +50,13 @@
     <table width="96%">
       %# First row is a header row
       <tr>
-        <td with="1%">Test Date</td>
+        <td width="1%">Test Date</td>
         <td class="DevSlave Alt last">
           <table width="100%">
             <tr>
             %for test_name in test_results['tests']:
-              <td class="DevSlaveBox">
-                <a class="info DevSlaveBox"
-                   onmouseover="fixTooltip(event, this)"
-                   onmouseout="clearTooltip(this)">
-                   <span><b>{{test_name}}</b></span>
-                </a>
-              </td>
+              <td><div class="TestName"><div class="TestNameDiv">{{test_name}}
+              </div></div></td>
             %end
             </tr>
           </table>