Improved movie tile actor overflow. Improved deep movie error feedback.

assets/components/releases/movie-tile.vue

@@ -90,6 +90,7 @@ export default {
 }
 
 .movie {
+	height: 16rem;
 	display: flex;
 }
 
@@ -99,7 +100,7 @@ export default {
 }
 
 .cover {
-	height: 16rem;
+	height: 100%;
 	box-shadow: 0 0 3px var(--darken-weak);
 
 	img {
@@ -113,6 +114,8 @@ export default {
 }
 
 .info {
+	display: flex;
+	flex-direction: column;
 	flex-grow: 1;
 	overflow: hidden;
 }
@@ -128,9 +131,11 @@ export default {
 }
 
 .actors {
+	height: 0;
+	flex-grow: 1;
 	padding: 0 1rem;
-	margin: 0 0 1rem 0;
 	line-height: 1.5;
+	overflow: hidden;
 }
 
 .actor:not(:last-child)::after {
@@ -150,7 +155,7 @@ export default {
 }
 
 .tags {
-	padding: .2rem 1rem 0 1rem;
+	padding: .25rem 1rem;
 	height: 1.75rem;
 	line-height: 2;
 	overflow: hidden;
@@ -175,8 +180,13 @@ export default {
 }
 
 @media(max-width: $breakpoint) {
-	.cover {
+	.movie {
 		height: 12rem;
 	}
+
+	/* ensure no half actor names show */
+	.actors {
+		margin: 0 0 1rem 0;
+	}
 }
 </style>