Add pagination button hover effect

eoghan2t9 · Jun 16, 2020 · cc8c5e6 · cc8c5e6
1 parent f7e1340
commit cc8c5e6
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 23 deletions.
diff --git a/client/src/components/Logs/Logs.css b/client/src/components/Logs/Logs.css
@@ -346,7 +346,7 @@
     padding: 2.5rem 0 2.5rem !important;
 }
 
-.custom-pagination button {
+.custom-pagination .-btn {
     --side-size: 2rem;
     background-color: transparent !important;
     border: 1px solid var(--gray-d8) !important;
@@ -355,6 +355,10 @@
     height: var(--side-size) !important;
 }
 
+.custom-pagination .-btn:enabled:hover {
+    background-color: var(--gray-f3) !important;
+}
+
 .custom-pagination .-previous {
     flex: 0 1 !important;
 }
@@ -545,7 +549,7 @@
     }
 }
 
-.loading__container > .-loading-inner{
+.loading__container > .-loading-inner {
     top: 10rem !important;
     bottom: initial !important;
 }

diff --git a/client/src/components/ui/Icons.js b/client/src/components/ui/Icons.js