From 56c883cb7921611d5f4fc2c1dd816e6a3bb73009 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Fri, 30 May 2025 13:15:06 -0400
Subject: [PATCH] Add scale animation to chapter tooltip hover effect

---
 kjvstudy_org/templates/book.html | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/kjvstudy_org/templates/book.html b/kjvstudy_org/templates/book.html
index a295d96..3f62e21 100644
--- a/kjvstudy_org/templates/book.html
+++ b/kjvstudy_org/templates/book.html
@@ -136,7 +136,8 @@
     pointer-events: none;
     opacity: 0;
     visibility: hidden;
-    transition: opacity 0.3s ease 0.5s, visibility 0.3s ease 0.5s;
+    transform: translateX(-50%) scale(0.8);
+    transition: opacity 0.3s ease 0.5s, visibility 0.3s ease 0.5s, transform 0.3s ease 0.5s;
 }
 
 .chapter-link::after {
@@ -160,6 +161,10 @@
     visibility: visible;
 }
 
+.chapter-link:hover::before {
+    transform: translateX(-50%) scale(1);
+}
+
 @media (max-width: 768px) {
     .chapter-link::before {
         position: fixed;