Fixed some styling issues

Transgender-Resource-Wiki · May 26, 2024 · d4b00a8 · d4b00a8
1 parent 7c7e8f3
commit d4b00a8
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git 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
@@ -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;