From a0fb4313c91c4b451ee6248275976894ed8c7073 Mon Sep 17 00:00:00 2001
From: rourien <32525257+rourien@users.noreply.github.com>
Date: Wed, 24 Aug 2022 22:11:43 -0600
Subject: [PATCH] Make book table of contents prettier

Changes the way the table of contents looks. The two biggest parts are hiding the bullets in the list, making each link black and hiding the link underline. This makes them look more like buttons than web links. The #dialogToc changes resize the table of contents based on the length of the list and the length of the longest chapter name rather than have the table of contents take up most of the screen for a short and small list. The link text size was also increased from 92% to 120%.
---
 src/plugins/bookPlayer/style.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/src/plugins/bookPlayer/style.scss b/src/plugins/bookPlayer/style.scss
index c53f6a3a8..6f5e0e334 100644
--- a/src/plugins/bookPlayer/style.scss
+++ b/src/plugins/bookPlayer/style.scss
@@ -42,6 +42,12 @@
 
 #dialogToc {
     background-color: white;
+    height: fit-content;
+    width: fit-content;
+    max-height: 80%;
+    max-width: 60%;
+    padding-right: 50px;
+    padding-bottom: 15px;
 
     .bookplayerButtonIcon {
         color: black;
@@ -49,5 +55,18 @@
 
     .toc li {
         margin-bottom: 5px;
+
+        list-style-type: none;
+        font-size: 120%;
+
+        a:link {
+            color: #black;
+            text-decoration: none;
+
+        a:active,
+        a:hover {
+            color: #00a4dc;
+            text-decoration: none;
+        }
     }
 }