From a7a26dc2b6d2556ed96e54d374da4958a3f3e7a2 Mon Sep 17 00:00:00 2001
From: TheOnlyWayUp <hi@towu.dev>
Date: Tue, 10 Dec 2024 15:19:28 +0000
Subject: [PATCH] feat(api): Improve link styling in PDFs

---
 src/api/src/pdf/cover_and_copyright.html |  8 ++++----
 src/api/src/pdf/stylesheet.css           | 20 ++++++++++++++++++++
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/api/src/pdf/cover_and_copyright.html b/src/api/src/pdf/cover_and_copyright.html
index d1a6ce4..29ff237 100644
--- a/src/api/src/pdf/cover_and_copyright.html
+++ b/src/api/src/pdf/cover_and_copyright.html
@@ -63,7 +63,7 @@
             margin: 2rem 0;
         }
 
-        .copyright-separator {
+        #copyright-separator {
             width: 100%;
             max-width: 400px;
             height: 1px;
@@ -121,7 +121,7 @@
 
         /* Simple horizontal line instead of decorative separator for older browsers */
         @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-            .copyright-separator {
+            #copyright-separator {
                 border-top: 1px solid #718096;
                 background: none;
             }
@@ -137,11 +137,11 @@
         <h1 id="copyright-notice">Copyright Notice</h1>
         <h2 id="copyright-title">{book_title}</h2>
         
-        <div class="copyright-separator"></div>
+        <div id="copyright-separator"></div>
         
         <p id="copyright-ex-libris">Ex Libris Sapientiae</p>
         
-        <div class="copyright-separator"></div>
+        <div id="copyright-separator"></div>
         
         <div id="copyright-info">
             {copyright_image}
diff --git a/src/api/src/pdf/stylesheet.css b/src/api/src/pdf/stylesheet.css
index 2cb3c93..4a09d41 100644
--- a/src/api/src/pdf/stylesheet.css
+++ b/src/api/src/pdf/stylesheet.css
@@ -68,3 +68,23 @@ p {
   line-height: 1.6 !important; /* Improve readability */
   margin: 10px 0 !important; /* Space between paragraphs */
 }
+
+
+a {
+  font-size: 0.9rem;
+  color: #3182ce;
+  text-decoration: none;
+  display: inline-block;
+  margin-top: 1rem;
+  
+  /* Cross-browser transition */
+  -webkit-transition: all 0.2s ease;
+  -moz-transition: all 0.2s ease;
+  -o-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+}
+
+a:hover {
+  text-decoration: underline;
+  color: #2c5282;
+}
\ No newline at end of file