Fixed overflow issues

frontend/components/Sidebars/SongsList.vue

@@ -96,14 +96,20 @@
 		font-weight: 600;
 	}
 
-	.media { padding: 0px 25px;}
+	.media { padding: 0 25px; }
 
 	.media-content .content {
-		height: 64px;
+		min-height: 64px;
 		display: flex;
 		align-items: center;
+	}
 
-		strong { word-break: break-word; }
+	.content p strong {
+		word-break: break-all;
+	}
+	
+	.content p small {
+		word-break: break-all;
 	}
 
 	.add-to-queue {
@@ -116,6 +122,7 @@
 		border: 0;
 		&:active, &:focus { border: 0; }
 	}
+	
 	.add-to-queue:focus { background: #029ce3; }
 
 	.media-right { line-height: 64px; }

frontend/components/pages/Home.vue

@@ -229,6 +229,11 @@
     	flex-direction: column;
 		overflow: hidden;
 
+		.content {
+			text-align: left;
+			word-wrap: break-word;
+		}
+
 		.media {
 			display: flex;
     		align-items: center;
@@ -243,9 +248,4 @@
 		word-wrap: break-word;
     	width: 80%;
 	}
-
-	.content {
-		text-align: left;
-		word-wrap: break-word;
-	}
 </style>