Small station fixes

frontend/src/pages/Station/components/CurrentlyPlaying.vue

@@ -32,7 +32,7 @@
 				<button
 					class="button"
 					id="report-icon"
-					v-if="!currentSong.simpleSong"
+					v-if="loggedIn && !currentSong.simpleSong"
 					@click="
 						openModal({
 							sector: 'station',
@@ -64,6 +64,9 @@ export default {
 	computed: {
 		...mapState("station", {
 			currentSong: state => state.currentSong
+		}),
+		...mapState({
+			loggedIn: state => state.user.auth.loggedIn
 		})
 	},
 	methods: {
@@ -111,6 +114,7 @@ export default {
 		justify-content: center;
 		margin-left: 20px;
 		width: 100%;
+		height: 100%;
 
 		*:not(i) {
 			margin: 0;
@@ -130,6 +134,7 @@ export default {
 
 		#song-artists {
 			font-size: 16px;
+			height: 100%;
 		}
 
 		#song-request-time {

frontend/src/pages/Station/index.vue

@@ -131,7 +131,7 @@
 							<div id="seeker-bar" style="width: 0%" />
 						</div>
 						<div id="control-bar-container">
-							<div id="left-buttons">
+							<div id="left-buttons" v-if="loggedIn">
 								<!-- Local Pause/Resume Button -->
 								<button
 									class="button is-primary"
@@ -207,13 +207,13 @@
 									>volume_up</i
 								>
 							</p>
-							<div id="right-buttons">
+							<div id="right-buttons" v-if="loggedIn">
 								<!-- Ratings (Like/Dislike) Buttons -->
 								<div
 									id="ratings"
 									v-if="
-										true
-										//currentSong.likes !== -1 && currentSong.dislikes !== -1
+										currentSong.likes !== -1 &&
+											currentSong.dislikes !== -1
 									"
 								>
 									<!-- Like Song Button -->