Make hover list transition a bit more responsive

[perso/Immae/Projets/Nodejs/Surfer.git] / frontend / css / style.css

diff --git a/frontend/css/style.css b/frontend/css/style.css
index b43d6fee44c62711de2530534381a108dba32020..46e6bc457aae26571cfed63a003b0f9033ee478b 100644 (file)
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -22,7 +22,6 @@ html, body {
 
 .el-header {
     padding: 10px 20px;
-    box-shadow: 0 1px 7px rgba(0,0,0,0.3);
     height: 52px !important;
 }
 
@@ -82,6 +81,10 @@ a:hover, a:focus {
     height: auto;
 }
 
+.el-table--enable-row-transition .el-table__body td {
+    transition: background-color .1s ease;
+}
+
 /* welcome and 404 page */
 .container-center {
     display: flex;
@@ -92,7 +95,7 @@ a:hover, a:focus {
 
 .access-token-input {
     padding: 5px 0;
-    width: 450px;
+    width: 487px;
 }
 
 .access-token-input > input, .access-token-input i {