assets/components/releases/scene-tile.vue

@@ -4,11 +4,6 @@
 		:class="{ new: release.isNew }"
 		class="tile"
 	>
-		<Details
-			:release="release"
-			class="details-compact"
-		/>
-
 		<div class="tile-body">
 			<span class="poster">
 				<a
@@ -130,6 +125,11 @@
 				</div>
 			</div>
 		</div>
+
+		<Details
+			:release="release"
+			class="details-compact"
+		/>
 	</div>
 </template>
 
@@ -174,7 +174,7 @@ export default {
 		position: absolute;
 		top: 0;
 		left: 0;
-		padding: .05rem .25rem .1rem .15rem;
+		padding: .1rem .25rem .1rem .15rem;
 		border-radius: 0 0 .5rem 0;
 		color: var(--text-light);
 		background: var(--primary);
@@ -221,7 +221,7 @@ export default {
     align-items: center;
     box-sizing: border-box;
     padding: 0 .5rem;
-    margin: 0 0 .1rem 0;
+    margin: 0 0 .25rem 0;
 }
 
 .info {
@@ -273,7 +273,7 @@ export default {
 }
 
 .labels {
-    padding: 0 .5rem 1.5rem .5rem;
+    padding: .1rem .5rem 1.5rem .5rem;
     max-height: .5rem;
     overflow-y: hidden;
 	font-size: 0;
@@ -297,10 +297,6 @@ export default {
 
 .tag {
     margin: 0 0 1rem 0;
-
-	&:not(:first-child) .tag-link {
-		border-left: none;
-	}
 }
 
 .tag-link {
@@ -308,11 +304,11 @@ export default {
     color: var(--shadow);
     display: inline-block;
     padding: .25rem .5rem;
-	border: solid 1px var(--shadow-hint);
     font-size: .75rem;
     font-weight: bold;
     text-decoration: none;
     line-height: 1;
+	box-shadow: 0 0 3px var(--shadow-weak);
 
     &:hover {
         color: var(--primary);
@@ -339,7 +335,6 @@ export default {
 	.thumbnail {
 		width: 9rem;
 		height: 100%;
-		box-shadow: 0 0 3px var(--shadow-weak);
 	}
 
 	.info {
@@ -361,6 +356,7 @@ export default {
 
 	.details-compact {
 		display: flex;
+		border-top: solid 1px var(--shadow-hint);
 	}
 
 	.shoot {

assets/components/releases/tile-details.vue

@@ -127,7 +127,7 @@ export default {
 
 	.icon {
 		fill: var(--lighten-weak);
-		margin: 0 .25rem 0 0;
+		margin: -.1rem .25rem 0 0;
 	}
 
 	&:hover .icon {
@@ -170,15 +170,6 @@ export default {
 	}
 	*/
 
-	.details .favicon {
-		padding: .25rem .5rem;
-	}
-
-	.date,
-	.site {
-		font-size: .75rem;
-	}
-
 	.date {
 		padding: .25rem .5rem;
 	}

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.158.6",
+    "version": "1.158.5",
     "lockfileVersion": 1,
     "requires": true,
     "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.158.6",
+    "version": "1.158.5",
     "description": "All the latest porn releases in one place",
     "main": "src/app.js",
     "scripts": {