From 34fcfe01906aa9b36470c3b370e3dd94777a0462 Mon Sep 17 00:00:00 2001
From: Joshua Lester <127695056+Joshua-Lester3@users.noreply.github.com>
Date: Fri, 1 Nov 2024 21:39:49 -0700
Subject: [PATCH] Fix: Tooltip and turn page buttons are not below bullet list
 point text (#632)

## Description

I just added a very high z-index to turn-page, so both the turn page
button and tooltip are above everything else. If there's a better number
for z-index, let me know. I saw a [cool way to manage z-index on larger
projects](https://www.smashingmagazine.com/2021/02/css-z-index-large-projects/),
but wasn't sure what would be helpful. Setting it to 99999 seems messy
to me.

Fixes #630
---
 EssentialCSharp.Web/wwwroot/css/styles.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/EssentialCSharp.Web/wwwroot/css/styles.css b/EssentialCSharp.Web/wwwroot/css/styles.css
index 497960ab..d39016ad 100644
--- a/EssentialCSharp.Web/wwwroot/css/styles.css
+++ b/EssentialCSharp.Web/wwwroot/css/styles.css
@@ -311,6 +311,7 @@ a:hover {
   top: calc(100vh - 9rem);
   top: calc(100dvh - 9rem);
   display: flex;
+  z-index: 99999; 
   justify-content: space-between;
   position: -webkit-sticky; /* Safari */
   position: sticky;