fix(Dashboard): hides overflow for text

Signed-off-by: Lukas Schaefer <lukas@lschaefer.xyz>

Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>

[skip ci]

Author: lukasdotcom

src/components/Dashboard.vue

@@ -56,12 +56,11 @@ export default {
 	#recommendations {
 		::v-deep .recommendation {
 			max-width: 100%;
-			padding: 8px 0;
+			padding: 8px;
 			margin-right: 0;
 			border-radius: var(--border-radius-large);
 
 			.thumbnail {
-				margin-left: 8px;
 				width: 44px;
 				height: 44px;
 			}

src/components/RecommendedFile.vue

@@ -151,7 +151,7 @@ export default {
 		align-items: center;
 		flex-grow: 1;
 		min-width: 250px;
-		padding: 5px 0;
+		padding: 5px;
 		margin-right: 12px;
 		border-radius: var(--border-radius);
 
@@ -167,7 +167,6 @@ export default {
 
 	.thumbnail {
 		margin-right: 9px;
-		margin-left: 10px;
 		width: 32px;
 		height: 32px;
 		background-size: contain;
@@ -185,14 +184,17 @@ export default {
 	}
 
 	.details {
+		min-width: 0;
+
 		.file-name {
 			white-space: nowrap;
+			min-width: 0;
+			text-overflow: ellipsis;
+			overflow: hidden;
 
 			.name {
 				max-width: 170px;
 				color: var(--color-main-text);
-				text-overflow: ellipsis;
-				overflow: hidden;
 			}
 
 			.extension {