From cda85cf16d38f2dfc90fd525d808433272eb8c24 Mon Sep 17 00:00:00 2001
From: Will Moss <will@adriel.solutions>
Date: Tue, 30 Jul 2024 22:06:33 +0800
Subject: [PATCH] feat(client): added visual hover effects and borders on
 buttons, to make it more usable on mobile

---
 src/components/BlacklistManager/index.css | 7 +++++++
 src/components/BottomNavbar/index.css     | 4 ++++
 2 files changed, 11 insertions(+)

diff --git a/src/components/BlacklistManager/index.css b/src/components/BlacklistManager/index.css
index e2d14ae..31fe2c5 100644
--- a/src/components/BlacklistManager/index.css
+++ b/src/components/BlacklistManager/index.css
@@ -116,6 +116,9 @@
   text-decoration: none;
   color: #002dff;
 }
+.blacklist-entry .left a:hover {
+  text-decoration: underline;
+}
 .blacklist-entry .right {
   display: flex;
   flex-direction: column;
@@ -134,8 +137,12 @@
   width: 48px;
   border-radius: 23051998px;
   outline: 0;
+  cursor: pointer;
   border: 0;
 }
+.blacklist-entry .right button:hover {
+  background: #008f00;
+}
 .blacklist-entry .right button svg {
   font-size: 18px;
   color: white;
diff --git a/src/components/BottomNavbar/index.css b/src/components/BottomNavbar/index.css
index 4babb74..0f2d7a7 100644
--- a/src/components/BottomNavbar/index.css
+++ b/src/components/BottomNavbar/index.css
@@ -22,6 +22,10 @@
   outline: 0;
   border: 0;
   cursor: pointer;
+  outline: 1px solid #333;
+}
+.bottom-navbar .nav-item:hover {
+  background: #333;
 }
 
 .bottom-navbar .icon {