Moved mobile scene tile details bar to top. Minor scene tile improvements.

assets/components/releases/scene-tile.vue

@@ -4,6 +4,11 @@
 		:class="{ new: release.isNew }"
 		class="tile"
 	>
+		<Details
+			:release="release"
+			class="details-compact"
+		/>
+
 		<div class="tile-body">
 			<span class="poster">
 				<a
@@ -125,11 +130,6 @@
 				</div>
 			</div>
 		</div>
-
-		<Details
-			:release="release"
-			class="details-compact"
-		/>
 	</div>
 </template>
 
@@ -174,7 +174,7 @@ export default {
 		position: absolute;
 		top: 0;
 		left: 0;
-		padding: .1rem .25rem .1rem .15rem;
+		padding: .05rem .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 .25rem 0;
+    margin: 0 0 .1rem 0;
 }
 
 .info {
@@ -273,7 +273,7 @@ export default {
 }
 
 .labels {
-    padding: .1rem .5rem 1.5rem .5rem;
+    padding: 0 .5rem 1.5rem .5rem;
     max-height: .5rem;
     overflow-y: hidden;
 	font-size: 0;
@@ -297,6 +297,10 @@ export default {
 
 .tag {
     margin: 0 0 1rem 0;
+
+	&:not(:first-child) .tag-link {
+		border-left: none;
+	}
 }
 
 .tag-link {
@@ -304,11 +308,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);
@@ -335,6 +339,7 @@ export default {
 	.thumbnail {
 		width: 9rem;
 		height: 100%;
+		box-shadow: 0 0 3px var(--shadow-weak);
 	}
 
 	.info {
@@ -356,7 +361,6 @@ 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: -.1rem .25rem 0 0;
+		margin: 0 .25rem 0 0;
 	}
 
 	&:hover .icon {
@@ -170,6 +170,15 @@ export default {
 	}
 	*/
 
+	.details .favicon {
+		padding: .25rem .5rem;
+	}
+
+	.date,
+	.site {
+		font-size: .75rem;
+	}
+
 	.date {
 		padding: .25rem .5rem;
 	}