From d4b00a8e0fd02ddfe9ecdbed743ec474b595b553 Mon Sep 17 00:00:00 2001 From: Transgender-Resource-Wiki Date: Sun, 26 May 2024 15:12:33 -0500 Subject: [PATCH] Fixed some styling issues --- src/styles/ColoredSideBars.css | 4 ++-- src/styles/ContentsTable.css | 6 +++--- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/styles/ColoredSideBars.css b/src/styles/ColoredSideBars.css index 6103ab9..d7c68c1 100644 --- a/src/styles/ColoredSideBars.css +++ b/src/styles/ColoredSideBars.css @@ -3,7 +3,7 @@ .left-blue { background-color: lightskyblue; position: fixed; - z-index: 0; + z-index: 2; top: 0; left: 0; width: 100vw; @@ -12,7 +12,7 @@ .left-pink { background-color: pink; position: fixed; - z-index: 0; + z-index: 2; top: 4vh; left: 0; width: 100vw; diff --git a/src/styles/ContentsTable.css b/src/styles/ContentsTable.css index cc4b5f7..1e62f2d 100644 --- a/src/styles/ContentsTable.css +++ b/src/styles/ContentsTable.css @@ -45,11 +45,11 @@ .contents-table-mobile a { color: whitesmoke; text-decoration: none; - font-size: 1.25rem; + font-size: clamp(0.75rem, 3vw, 1.33rem); text-shadow: 2px 2px 4px black; } .contents-table-mobile a:hover { - font-size: 1.33rem; + font-size: clamp(0.85rem, 3.5vw, 1.4rem); } .contents-table-mobile span { visibility: visible; @@ -63,7 +63,7 @@ margin: 15px; height: 5%; width: auto; - font-size: 1.33rem; + font-size: clamp(0.75rem, 5vw, 1.33rem); color: whitesmoke; box-sizing: border-box; overflow: hidden;