Minor tweaks and fixes

frontend/src/components/ui/PlaylistItem.vue

@@ -50,9 +50,8 @@ export default {
 .playlist {
 	width: 100%;
 	height: 72px;
-	border: 0.5px $light-grey-2 solid;
 	margin-bottom: 12px;
-	border-radius: 0 5px 5px 0;
+	border-radius: 5px;
 	display: flex;
 
 	.top-text {

frontend/src/pages/Home/index.vue

@@ -131,7 +131,7 @@
 					</div>
 					<div class="bottomBar">
 						<i
-							v-if="station.paused"
+							v-if="station.paused && station.currentSong.title"
 							class="material-icons"
 							title="Station Paused"
 							>pause</i

frontend/src/pages/Profile.vue

@@ -670,8 +670,9 @@ export default {
 			height: 72px;
 			border: 0.5px $light-grey-2 solid;
 			margin-bottom: 12px;
-			border-radius: 0 5px 5px 0;
+			border-radius: 5px;
 			display: flex;
+			overflow: hidden;
 
 			.top-text {
 				color: $dark-grey-2;

frontend/src/pages/Station/components/Sidebar/MyPlaylists.vue

@@ -171,6 +171,9 @@ export default {
 
 .menu-list li {
 	align-items: center;
+	.playlist {
+		border: 0.5px $light-grey-2 solid;
+	}
 }
 
 .create-playlist {

frontend/src/pages/Station/components/Sidebar/Queue/index.vue

@@ -10,26 +10,18 @@
 			<p class="nothing-here" v-if="songsList.length < 1">
 				There are no songs currently queued
 			</p>
-		</div>
-		<div
-			id="queue-buttons"
-			v-if="
-				(loggedIn &&
-					(station.type === 'community' && station.partyMode)) ||
-					station.type === 'official'
-			"
-		>
 			<button
 				id="add-song-to-queue"
 				class="button is-primary"
 				v-if="
-					(station.type === 'community' &&
-						((station.locked && isOwnerOnly()) ||
-							!station.locked ||
-							(station.locked &&
-								isAdminOnly() &&
-								dismissedWarning))) ||
-						station.type === 'official'
+					loggedIn &&
+						((station.type === 'community' &&
+							((station.locked && isOwnerOnly()) ||
+								!station.locked ||
+								(station.locked &&
+									isAdminOnly() &&
+									dismissedWarning))) ||
+							station.type === 'official')
 				"
 				@click="
 					openModal({
@@ -159,10 +151,19 @@ export default {
 
 	#add-song-to-queue {
 		width: 100%;
-		height: 45px;
+		height: 40px;
+		border-radius: 5px;
+		background-color: rgba(3, 169, 244, 1);
+		color: $white !important;
+		border: 0;
+		margin-top: 10px;
+		&:active,
+		&:focus {
+			border: 0;
+		}
 
-		@media (min-width: 1040px) {
-			border-radius: 5px;
+		&:focus {
+			background-color: $primary-color;
 		}
 	}
 }