Browse Source

fix(Station page): slightly smaller queue items, removed unnecessary media queries

Signed-off-by: Jonathan <theflametrooper@gmail.com>
Jonathan 4 years ago
parent
commit
69fe189c28

+ 0 - 8
frontend/src/pages/Station/components/CurrentlyPlaying.vue

@@ -139,14 +139,6 @@ export default {
 		}
 	}
 
-	@media (max-width: 1500px) {
-		#song-actions {
-			.button {
-				padding: 0 10px !important;
-			}
-		}
-	}
-
 	#song-info {
 		display: flex;
 		flex-direction: column;

+ 3 - 3
frontend/src/pages/Station/components/Sidebar/Queue/QueueItem.vue

@@ -102,7 +102,7 @@ export default {
 	flex-direction: row;
 	align-items: center;
 	justify-content: space-between;
-	padding: 5px 10px;
+	padding: 7.5px;
 	border: 1px solid $light-grey-2;
 	border-radius: 3px;
 
@@ -113,8 +113,8 @@ export default {
 	}
 
 	#thumbnail {
-		width: 80px;
-		height: 80px;
+		width: 70px;
+		height: 70px;
 	}
 
 	#song-info {

+ 1 - 3
frontend/src/pages/Station/components/Sidebar/Queue/index.vue

@@ -137,9 +137,7 @@ export default {
 		border-radius: 0 0 5px 5px;
 		width: 100%;
 		overflow: auto;
-		max-height: calc(
-			100% - 20px /** margin bottom */ - 40px /** add-song-to-queue */
-		);
+		max-height: calc(100% - 20px - 40px);
 		padding: 10px;
 
 		.nothing-here {

+ 1 - 1
frontend/src/pages/Station/index.vue

@@ -1561,7 +1561,7 @@ export default {
 	#station-inner-container {
 		display: grid;
 		height: 100%;
-		grid-template-columns: 66% 33%;
+		grid-template-columns: 70% 30%;
 		grid-template-rows: 150px auto;
 		grid-template-areas:
 			"about-station currently-playing"