From 79c801fa63f10d8cb4054618a1c4bd6bb3063418 Mon Sep 17 00:00:00 2001 From: narcolepticinsomniac Date: Sat, 11 Mar 2017 05:15:03 -0500 Subject: [PATCH] Edit/delete link cosmetic tweaks Feel free to improve upon this if you want. --- popup.css | 26 +++++++++++++++++++++----- 1 file changed, 21 insertions(+), 5 deletions(-) diff --git a/popup.css b/popup.css index 66806050..2825f7a7 100644 --- a/popup.css +++ b/popup.css @@ -62,13 +62,18 @@ body.blocked > DIV { #installed .disabled .style-name { text-decoration: line-through; } +#installed .actions { + cursor: default; +} #installed .actions a { + cursor: pointer; text-decoration: none; } +#installed .style-edit-link { + margin-right: 2px; +} #installed .style-edit-link, #installed .delete { - display: inline-flex; - align-items: center; - justify-content: center; + display: inline-block; } .svg-icon { width: 16px; @@ -78,12 +83,23 @@ body.blocked > DIV { .svg-icon path, .svg-icon polygon, .svg-icon rect { - fill: hsl(0, 0%, 40%); + fill: hsl(0, 0%, 30%); + transition: .3s ease; } .svg-icon circle { - stroke: hsl(0, 0%, 40%); + stroke: hsl(0, 0%, 30%); stroke-width: 1; + transition: .5s; } +a:hover .svg-icon path, +a:hover .svg-icon polygon, +a:hover .svg-icon rect { + fill: hsl(0, 0%, 54%); +} +a:hover .svg-icon circle { + stroke: hsl(0, 0%, 54%); +} + body > .actions { margin-top: 0.5em; }