Increased tile heart button size. Hiding entity tile info under hover effect.

assets/components/actors/tile.vue

@@ -313,8 +313,8 @@ export default {
 }
 
 .stash {
-	width: 1.25rem;
-	height: 1.25rem;
+	width: 1.5rem;
+	height: 1.5rem;
 	padding: .25rem .25rem .5rem .5rem;
 	position: absolute;
 	top: 0;

assets/components/entities/tile.vue

@@ -40,9 +40,7 @@
 			>{{ entity.name }}</span>
 		</div>
 
-		<span
-			class="count"
-		>
+		<span class="count">
 			<span>{{ entity.sceneTotal }} scenes</span>
 			<span v-if="entity.type === 'network'">{{ entity.childrenTotal }} channels</span>
 		</span>
@@ -78,9 +76,10 @@ export default {
     box-shadow: 0 0 3px rgba(0, 0, 0, .25);
     text-align: center;
     text-decoration: none;
+	overflow: hidden;
 
 	&:hover .count {
-		color: var(--lighten);
+		bottom: 0;
 	}
 }
 
@@ -109,11 +108,15 @@ export default {
 	display: flex;
 	justify-content: space-between;
 	width: 100%;
+	position: absolute;
+	bottom: -1.75rem;
 	box-sizing: border-box;
 	padding: .25rem .5rem;
-	border-top: solid 1px var(--lighten-hint);
-	color: var(--lighten-weak);
+	background: var(--darken-strong);
+	box-shadow: 0 0 3px var(--darken);
+	color: var(--text-light);
 	text-align: center;
-	font-size: .8rem;
+	text-shadow: 1px 1px var(--darken);
+	transition: bottom .1s ease;
 }
 </style>

assets/components/releases/movie-tile.vue

@@ -252,8 +252,8 @@ export default {
 }
 
 .stash {
-	width: 1.25rem;
-	height: 1.25rem;
+	width: 1.5rem;
+	height: 1.5rem;
 	padding: .25rem .5rem .5rem .25rem;
 	position: absolute;
 	top: 0;

assets/components/releases/scene-tile.vue

@@ -299,8 +299,8 @@ export default {
 }
 
 .stash {
-	width: 1.25rem;
-	height: 1.25rem;
+	width: 1.5rem;
+	height: 1.5rem;
 	position: absolute;
 	top: 0;
 	right: 0;