Auto-shrinking pagination. Various Teen Core Club curations.

assets/components/releases/release.vue

@@ -219,7 +219,7 @@
 			</div>
 
 			<div class="row">
-				<span class="row-label">Indexed</span>
+				<span class="row-label">Added</span>
 
 				<router-link
 					:to="`/added/${formatDate(release.createdAt, 'YYYY/MM/DD')}`"

assets/components/releases/tile-details.vue

@@ -83,9 +83,16 @@ export default {
         margin: 0 .25rem 0 0;
     }
 
-	&.new {
-		border-right: solid 5px var(--primary);
+	/*
+	&.new .date::before {
+		content: '';
+		width: .5rem;
+		height: .5rem;
+		border-radius: 50%;
+		margin: 0 .25rem 0 0;
+		background: var(--primary);
 	}
+	*/
 }
 
 .site,

assets/components/releases/tile.vue

@@ -150,7 +150,8 @@ export default {
 		position: absolute;
 		top: 0;
 		right: 0;
-		padding: .15rem .25rem;
+		padding: .15rem .25rem .15rem .3rem;
+		border-radius: 0 0 0 .5rem;
 		color: var(--text-light);
 		background: var(--primary);
 		font-size: .8rem;