From ad9e5df1f24f0864079c5a12bba5fe72379f1d9d Mon Sep 17 00:00:00 2001 From: Codeaid Date: Mon, 6 May 2024 20:58:09 +0100 Subject: [PATCH] Minor overall style tweaks --- src/components/FishInfoBaits/FishInfoBaitsRating.module.css | 1 + src/components/FishInfoHooks/FishInfoHooks.module.css | 4 ---- src/components/InfoSection/InfoSection.module.css | 2 +- src/components/ReserveInfoHooks/ReserveInfoHooks.module.css | 6 ++++++ 4 files changed, 8 insertions(+), 5 deletions(-) diff --git a/src/components/FishInfoBaits/FishInfoBaitsRating.module.css b/src/components/FishInfoBaits/FishInfoBaitsRating.module.css index 3c675d4..5ede58e 100644 --- a/src/components/FishInfoBaits/FishInfoBaitsRating.module.css +++ b/src/components/FishInfoBaits/FishInfoBaitsRating.module.css @@ -16,6 +16,7 @@ .FishInfoBaitsRatingBronze { background-color: var(--color-rank-bronze); + opacity: 0.7; } .FishInfoBaitsRatingSilver { diff --git a/src/components/FishInfoHooks/FishInfoHooks.module.css b/src/components/FishInfoHooks/FishInfoHooks.module.css index ff0d762..d41722a 100644 --- a/src/components/FishInfoHooks/FishInfoHooks.module.css +++ b/src/components/FishInfoHooks/FishInfoHooks.module.css @@ -102,10 +102,6 @@ } } -@media (max-width: 991px) { - -} - @media (max-width: 767px) { .FishInfoHooks { grid-template-columns: repeat(5, 1fr); diff --git a/src/components/InfoSection/InfoSection.module.css b/src/components/InfoSection/InfoSection.module.css index 8ffffc6..a5c7027 100644 --- a/src/components/InfoSection/InfoSection.module.css +++ b/src/components/InfoSection/InfoSection.module.css @@ -5,7 +5,7 @@ .InfoSectionHeading { border-bottom: thin solid var(--color-border-dark); color: var(--color-primary); - font-size: 1.8rem; + font-size: 1.6rem; margin-bottom: 1rem; padding: 0 0 0.25em 0; } diff --git a/src/components/ReserveInfoHooks/ReserveInfoHooks.module.css b/src/components/ReserveInfoHooks/ReserveInfoHooks.module.css index 529511b..8bef359 100644 --- a/src/components/ReserveInfoHooks/ReserveInfoHooks.module.css +++ b/src/components/ReserveInfoHooks/ReserveInfoHooks.module.css @@ -9,6 +9,7 @@ } .ReserveInfoHooksRowHeader { + font-size: 0.9em; font-weight: var(--font-weight-regular); overflow: hidden; text-decoration: none; @@ -43,6 +44,10 @@ padding: 0.125em 0; } +.ReserveInfoHooksRowHeader { + padding-left: 0.5em; +} + @media (max-width: 1023px) { .ReserveInfoHooksRow { border-bottom-color: var(--color-border-dark); @@ -50,6 +55,7 @@ } .ReserveInfoHooksRowHeader { + font-size: 1em; font-weight: var(--font-weight-semibold); }