From 6fe467594d5811b5eab26b7f7a2e59a7c00efd18 Mon Sep 17 00:00:00 2001
From: Oliver Hamlet <oliver.hamlet@gmail.com>
Date: Wed, 24 Dec 2014 15:50:52 +0000
Subject: [PATCH] Improve styling of editable tables.

---
 resources/report/html/editable-table.html | 41 +++++++++++++----------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/resources/report/html/editable-table.html b/resources/report/html/editable-table.html
index 7e91b5ed..8c2756fb 100644
--- a/resources/report/html/editable-table.html
+++ b/resources/report/html/editable-table.html
@@ -82,32 +82,37 @@
     </tr>
 </template>
 <style>
-table[is=editable-table] td:last-child {
-    cursor: pointer;
-}
-table[is=editable-table] td:last-child:hover {
-    color: red;
-}
-table[is=editable-table] {
-    margin: 3em 1em;
+
+/* Table styling. */
+
+
+html /deep/ table[is=editable-table] {
+    margin: 32px 0;
     border-collapse: collapse;
+    width: 100%;
 }
-table[is=editable-table] td, table[is=editable-table] th {
+html /deep/ table[is=editable-table] td, table[is=editable-table] th {
     vertical-align: top;
     text-align: left;
-    padding: 0.5em;
+    padding: 8px;
 }
-table[is=editable-table] th {
-    border-bottom: 1px black solid;
+html /deep/ table[is=editable-table] th {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
 }
-table[is=editable-table] tbody tr:last-child {
+html /deep/ table[is=editable-table] td:last-child {
     cursor: pointer;
-    color: grey;
 }
-table[is=editable-table] tbody tr:last-child:hover {
-    color: black;
+html /deep/ table[is=editable-table] td:last-child:hover {
+    color: red;
 }
-td paper-icon-button.hidden {
+html /deep/ table[is=editable-table] tbody tr:last-child {
+    cursor: pointer;
+    color: rgba(0, 0, 0, 0.30);
+}
+html /deep/ table[is=editable-table] tbody tr:last-child:hover {
+    color: rgba(0, 0, 0, 0.87);
+}
+html /deep/ table[is=editable-table] td paper-icon-button.hidden {
     display: block;
     visibility: hidden;
 }
@@ -308,4 +313,4 @@ td paper-icon-button.hidden {
         extends: 'table'
     });
 })();
-</script>
\ No newline at end of file
+</script>