From 4158a5991bb788803dceb69a02a1f20f7f2dc6b5 Mon Sep 17 00:00:00 2001
From: Ethan Paul <e@enp.one>
Date: Sat, 2 Apr 2022 12:12:43 -0400
Subject: [PATCH] Fix excessive link hover animations on homelab page

Fix circular icon bubbles being ovals
---
 css/style.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/css/style.css b/css/style.css
index b0c178b..6376bff 100644
--- a/css/style.css
+++ b/css/style.css
@@ -539,10 +539,13 @@ body.mobile-nav-active #mobile-nav-toggle {
 #network .service-icon {
   float: left;
   background-color: #fff;
-  padding: 16px;
   border-radius: 50%;
   transition: 0.5s;
   border: 1px solid black;
+  width: 6rem;
+  height: 6rem;
+  padding-top: 1.6rem;
+  text-align: center;
 }
 
 #network .service-icon i {
@@ -550,16 +553,14 @@ body.mobile-nav-active #mobile-nav-toggle {
   font-size: 24px;
 }
 
-#network .service-item:hover .service-icon {
+#network a:hover .service-icon {
   border: 1px solid #003777;
   outline: 0;
   color: white;
   background-color: #003777;
 }
 
-#network .service-item:hover .service-icon i {
-  color: white;
-}
+#network a:hover .service-icon i { color: white; }
 
 #network .service-icon-no-link {
   float: left;