From ab29ab053e1235e5c3e57bc512567a96a7839f6e Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Sun, 21 Nov 2021 00:15:19 +0100
Subject: [PATCH] Increased tile heart button size. Hiding entity tile info
 under hover effect.

---
 assets/components/actors/tile.vue         |  4 ++--
 assets/components/entities/tile.vue       | 17 ++++++++++-------
 assets/components/releases/movie-tile.vue |  4 ++--
 assets/components/releases/scene-tile.vue |  4 ++--
 4 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/assets/components/actors/tile.vue b/assets/components/actors/tile.vue
index afcc39a3..7e1b70a7 100644
--- a/assets/components/actors/tile.vue
+++ b/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;
diff --git a/assets/components/entities/tile.vue b/assets/components/entities/tile.vue
index 0bade8e8..5da4f0a9 100644
--- a/assets/components/entities/tile.vue
+++ b/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>
diff --git a/assets/components/releases/movie-tile.vue b/assets/components/releases/movie-tile.vue
index 155680f1..7330d3bb 100644
--- a/assets/components/releases/movie-tile.vue
+++ b/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;
diff --git a/assets/components/releases/scene-tile.vue b/assets/components/releases/scene-tile.vue
index b0c11de5..e4afbc25 100644
--- a/assets/components/releases/scene-tile.vue
+++ b/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;