From 40bb58b9a6824dc7beb6b11b0d567698500fba3a Mon Sep 17 00:00:00 2001
From: Emi Simpson <emi@alchemi.dev>
Date: Tue, 9 Nov 2021 20:43:34 -0500
Subject: [PATCH] Add a hover animation to the webring widget

---
 static/style.css | 22 ++++++++--------------
 1 file changed, 8 insertions(+), 14 deletions(-)

diff --git a/static/style.css b/static/style.css
index 424e2cd..52b72cc 100644
--- a/static/style.css
+++ b/static/style.css
@@ -195,21 +195,15 @@ code {
 	grid-auto-flow: column;
 	justify-content: center;
 }
-.picker-prev {
-	margin-left: 20px;
-	margin-right: 0;
-}
-.picker-prev:hover {
-	margin-right: 20px;
-	margin-left: 0;
-}
-.picker-next {
-	margin-right: 20px;
-	margin-left: 0;
-}
+.picker-prev:hover,
 .picker-next:hover {
-	margin-left: 20px;
-	margin-right: 0;
+	padding-right: 20px;
+	padding-left: 0;
+}
+.picker-next, .picker-prev {
+	transition: padding 50ms ease-out;
+	padding-right: 0;
+	padding-left: 20px;
 }
 
 /* Color Scheme */