From 4e4444c04e18fcc061934d6d7bd2c8f40b595275 Mon Sep 17 00:00:00 2001
From: Liam <67254223+RealFascinated@users.noreply.github.com>
Date: Sat, 29 Oct 2022 15:37:59 +0100
Subject: [PATCH] Fix score stats being hidden by song info

---
 src/components/SongInfo.js       | 1 +
 src/pages/overlay.js             | 6 +++---
 src/styles/scoreStats.module.css | 2 --
 src/styles/songInfo.module.css   | 1 -
 4 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/SongInfo.js b/src/components/SongInfo.js
index d001293..417adbf 100644
--- a/src/components/SongInfo.js
+++ b/src/components/SongInfo.js
@@ -82,6 +82,7 @@ export default function SongInfo() {
 			style={{
 				bottom: shouldReplacePlayerInfoWithScore ? "" : 0,
 				left: shouldReplacePlayerInfoWithScore ? "" : 0,
+				position: shouldReplacePlayerInfoWithScore ? "" : "fixed",
 			}}
 		>
 			<Image
diff --git a/src/pages/overlay.js b/src/pages/overlay.js
index 5049329..e2fa7bc 100644
--- a/src/pages/overlay.js
+++ b/src/pages/overlay.js
@@ -58,11 +58,11 @@ export default function Overlay(props) {
 
 	return (
 		<div className={styles.main}>
-			<NextSeo title="Overlay"></NextSeo>
+			<NextSeo title="Overlay" />
 			<PlayerStats />
-			<CutStats />
-			<ScoreStats />
 			<SongInfo />
+			<ScoreStats />
+			<CutStats />
 		</div>
 	);
 }
diff --git a/src/styles/scoreStats.module.css b/src/styles/scoreStats.module.css
index 249a05a..16b572a 100644
--- a/src/styles/scoreStats.module.css
+++ b/src/styles/scoreStats.module.css
@@ -1,6 +1,4 @@
 .scoreStats {
-	position: fixed;
-	margin-top: -5px;
 	margin-left: 10px;
 	min-width: 135px;
 
diff --git a/src/styles/songInfo.module.css b/src/styles/songInfo.module.css
index 813abfc..61a10c3 100644
--- a/src/styles/songInfo.module.css
+++ b/src/styles/songInfo.module.css
@@ -1,6 +1,5 @@
 .songInfoContainer {
 	display: flex;
-	position: fixed;
 	margin-left: 5px;
 	margin-bottom: 5px;
 	margin-top: 5px;