From 24d59af96f08ac412d762feb47a1fae01a4d0d69 Mon Sep 17 00:00:00 2001
From: Gerome Matilla <gerome.matilla07@gmail.com>
Date: Fri, 5 Jun 2020 09:34:06 +0800
Subject: [PATCH] differentiate hover and active in web menu buttons

---
 css/web-menu.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/css/web-menu.css b/css/web-menu.css
index 82d10dd..97e7ad4 100644
--- a/css/web-menu.css
+++ b/css/web-menu.css
@@ -137,11 +137,13 @@
 }
 
 .webItem:hover {
-	background: var(--base-hover-bg);
+	box-shadow: 0 0 0 1px var(--base-hover-bg) inset;
 }
 
 .webItem:active {
 	background: var(--base-active-bg);
+	box-shadow: 0 0 0 1px var(--base-hover-bg) inset;
+	border-radius: var(--rounded-radius);
 }
 
 .webItemFocus {