Merge pull request #88 from odiffey/owen-editsong-fix

editSong positioning fixes

frontend/src/components/modals/EditSong/Tabs/Discogs.vue

@@ -401,9 +401,6 @@ export default {
 	}
 
 	.api-results-container {
-		max-height: 445px;
-		overflow: auto;
-
 		.api-result {
 			background-color: var(--white);
 			border: 0.5px solid var(--light-grey-3);

frontend/src/components/modals/EditSong/Tabs/Youtube.vue

@@ -90,15 +90,15 @@ export default {
 
 <style lang="scss" scoped>
 .youtube-tab {
+	height: calc(100% - 32px);
+
 	#song-query-results {
 		height: calc(100% - 74px);
-		max-height: 740px;
 		overflow: auto;
 
 		.search-query-item {
 			/deep/ .thumbnail-and-info {
 				width: calc(100% - 29px);
-				max-width: 500px;
 			}
 
 			.icon-selected {

frontend/src/components/modals/EditSong/index.vue

@@ -1607,17 +1607,22 @@ export default {
 	&::v-deep {
 		.modal-card {
 			width: 1300px;
+			height: 100%;
 
 			.modal-card-body {
 				display: flex;
-				flex-wrap: wrap;
 				column-gap: 16px;
 				row-gap: 16px;
 
+				@media screen and (max-width: 1000px) {
+					flex-wrap: wrap;
+				}
+
 				> div {
 					display: flex;
 					flex-grow: 1;
 					height: 100%;
+					overflow: auto;
 				}
 			}
 
@@ -1852,7 +1857,6 @@ export default {
 	.edit-section {
 		border: 1px solid var(--light-grey-3);
 		margin-top: 16px;
-		overflow: auto;
 		border-radius: 3px;
 
 		.album-get-button {
@@ -2062,7 +2066,6 @@ export default {
 
 	#tabs-container {
 		overflow: auto;
-		height: 100%;
 		display: flex;
 		flex-direction: column;
 		flex-grow: 1;