Switched to CSS grid rendering for anime lists

pages/animelist/animelist.scarlet

@@ -5,13 +5,17 @@
 	margin-bottom 1rem
 
 .anime-list
-	vertical
+	display grid
+	grid-template-rows 40px
+	grid-template-columns 100%
 
 .anime-list-item
 	table-row
 	horizontal
 	align-items center
 	padding-right 1rem
+	width 100%
+	height 40px
 
 .anime-list-item-image-container
 	padding 0
@@ -116,7 +120,4 @@
 
 < 1100px
 	.anime-list-item-rating
-		display none !important
-
-.fill-screen
-	min-height calc(100vh - content-padding * 2 - 1rem - 43px - 23px)
+		display none !important

pages/animelist/status.pixy

@@ -7,6 +7,6 @@ component AnimeListFilteredByStatus(animeList *arn.AnimeList, viewUser *arn.User
 	if len(animeList.Items) == 0
 		p.no-data.mountable= viewUser.Nick + " hasn't added any anime to this list yet."
 	else
-		.anime-list-container.fill-screen
+		.anime-list-container
 			//- h3.status-name= arn.ListItemStatusName(status)
 			AnimeList(animeList, viewUser, user)