fix(AddToPlaylistDropdown): added static width to some to prevent differing positions

Signed-off-by: Jonathan <theflametrooper@gmail.com>

frontend/src/components/modals/EditPlaylist/components/PlaylistSongItem.vue

@@ -80,9 +80,10 @@ export default {
 	height: 0;
 
 	.nav-dropdown-items {
-		width: max-content;
+		width: 250px;
+		max-width: 100vw;
 		position: relative;
-		right: 200px;
+		right: 250px;
 	}
 }
 

frontend/src/components/ui/AddToPlaylistDropdown.vue

@@ -206,6 +206,7 @@ export default {
 			display: flex;
 			align-items: center;
 			margin-bottom: 0 !important;
+			width: inherit;
 
 			input {
 				margin-right: 5px;
@@ -220,10 +221,11 @@ export default {
 				display: flex;
 				flex-direction: row;
 				align-items: center;
+				width: inherit;
 
 				span {
 					cursor: pointer;
-					width: 24px;
+					min-width: 24px;
 					height: 24px;
 					background-color: var(--white);
 					display: inline-block;
@@ -236,6 +238,9 @@ export default {
 					margin-left: 10px;
 					cursor: pointer;
 					color: var(--black);
+					overflow: hidden;
+					text-overflow: ellipsis;
+					white-space: nowrap;
 				}
 			}
 

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

@@ -149,9 +149,10 @@ export default {
 	height: 0;
 
 	.nav-dropdown-items {
-		width: max-content;
+		width: 250px;
+		max-width: 100vw;
 		position: relative;
-		right: 125px;
+		right: 175px;
 	}
 }