From 5c1489a0f2e1ac2f241fd7fc7747d12016da5181 Mon Sep 17 00:00:00 2001
From: "@soyjavi" <javi.jimenez.villar@gmail.com>
Date: Wed, 4 Nov 2015 10:42:57 +0700
Subject: [PATCH] Styles much better

---
 components/table/_config.scss |  7 +++----
 components/table/style.scss   | 25 +++++++------------------
 2 files changed, 10 insertions(+), 22 deletions(-)

diff --git a/components/table/_config.scss b/components/table/_config.scss
index 3f47f761..07e90ec3 100644
--- a/components/table/_config.scss
+++ b/components/table/_config.scss
@@ -1,6 +1,5 @@
 $table-row-height: 48px;
-$table-row-divider: solid 1px $color-divider;
+$table-row-divider: solid 1px rgba(0,0,0,.12);
 $table-row-offset: 1.8 * $unit;
-$table-text-color: rgba(0, 0, 0, 0.541176);
-$table-change-icon-size: 0.8 * $unit;
-$table-change-icon-color: unquote("rgb(#{$color-primary-dark})") !default;
+$table-row-highlight: #eee;
+$table-text-color: #757575;
diff --git a/components/table/style.scss b/components/table/style.scss
index a4a14d79..e882640c 100644
--- a/components/table/style.scss
+++ b/components/table/style.scss
@@ -4,15 +4,13 @@
 .root {
   width: 100%;
   font-size: $font-size-tiny;
-  color: $color-text;
+  color: $table-text-color;
   text-align: left;
   tr {
     height: $table-row-height;
     line-height: $table-row-height;
     border-bottom: $table-row-divider;
-    &:hover {
-      background-color: $color-divider;
-    }
+
   }
   th {
     font-weight: $font-weight-bold;
@@ -27,6 +25,10 @@
 }
 
 .row {
+  transition: background-color $animation-duration $animation-curve-default;
+  &:hover {
+    background-color: $table-row-highlight;
+  }
   &:last-child {
     border-color: transparent;
   }
@@ -45,18 +47,5 @@
 }
 
 .changed {
-  td:first-child:before {
-    position: absolute;
-    top: ($table-row-height / 2.5);
-    left: ($table-row-height / 10);
-    width: $table-change-icon-size;
-    height: $table-change-icon-size;
-    font-size: 50%;
-    line-height: $font-size-small;
-    background-color: $table-change-icon-color;
-    color: white;
-    text-align: center;
-    content: " ";
-    border-radius: 50%;
-  }
+  // @TODO: We've to create a style for changed rows.
 }