From 448bc3e73fd5ef77399bba93b3407df9317e8726 Mon Sep 17 00:00:00 2001
From: axllent <axllent@gmail.com>
Date: Wed, 5 Jul 2017 17:17:17 +1200
Subject: [PATCH] Fix padding & add hover effect

---
 css/tiled-gridfield.css | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/css/tiled-gridfield.css b/css/tiled-gridfield.css
index 5b9e166..c928787 100644
--- a/css/tiled-gridfield.css
+++ b/css/tiled-gridfield.css
@@ -12,16 +12,22 @@
 	min-width: 60px;
 	min-height: 60px;
 }
-
+.ss-tiled-gridfield tbody.ss-gridfield-items td {
+    border-top: none!important;
+}
+.ss-tiled-gridfield tbody.ss-gridfield-items td.grid-field__col-compact .grid-field__icon-action:hover {
+    background: transparent;
+}
 .ss-tiled-gridfield tbody.ss-gridfield-items td.grid-field__col-compact {
 	position: absolute;
-	top: 0;
-    right: 0;
+	top: 2px;
+    right: 2px;
 	padding: 0;
 	margin: 0;
     width: auto;
-    display: none;
+    opacity: 0;
 	border: none;
+    transition: opacity 1s;
 }
 .ss-tiled-gridfield tbody.ss-gridfield-items td.grid-field__col-compact a {
     display: none;
@@ -32,5 +38,8 @@
     height: 20px;
 }
 .ss-tiled-gridfield tbody.ss-gridfield-items tr:hover td.grid-field__col-compact {
-    display: block;
+    opacity: 0.5;
+}
+.ss-tiled-gridfield tbody.ss-gridfield-items tr:hover td.grid-field__col-compact:hover {
+    opacity: 1;
 }