Fixed css issues

pages/overlay.js

@@ -193,7 +193,7 @@ export default class Overlay extends Component {
 	async resetData(visible) {
 		console.log("Exiting level, resetting data.")
 		setTimeout(async () => {
-			await this.updateData(id);
+			await this.updateData(this.state.id);
 		}, 250);
 		this.setState({
 			leftHand: {

src/components/SongInfo.js

@@ -67,7 +67,7 @@ export default class SongInfo extends Component {
         return <div className={styles.songInfoContainer}>
             <img src={songArt}/>
             <div className={styles.songInfo}>
-                <p className={styles.songInfoSongName}>{songName}</p>
+                <p className={styles.songInfoSongName}>{songName.length > 35 ? songName.substring(0, 35) + "..." : songName}</p>
                 <p className={styles.songInfoSongAuthor}>{songAuthorName}</p>
                 <div className={styles.songInfoSongOtherContainer}>
                     <p className={styles.songInfoDiff} style={{ backgroundColor: this.state.diffColor }}>{difficulty}</p>

styles/scoreStats.module.css

@@ -8,6 +8,7 @@
 
 .scoreStats p {
 	font-size: xx-large;
+	line-height: 1.4em;
 }
 
 .scoreStatsRight {

styles/songInfo.module.css

@@ -16,9 +16,6 @@
 	margin-left: 10px;
 }
 
-.songInfo p {
-	font-size: x-large;
-}
 
 .songInfoSongName {
 	font-size: x-large;