Added anime cover images to lists

config.json

@@ -38,6 +38,11 @@
 				"src": "images/brand/64",
 				"sizes": "64x64"
 			},
+			{
+				"src": "images/brand/144",
+				"sizes": "144x144",
+				"type": "image/png"
+			},
 			{
 				"src": "images/brand/300",
 				"sizes": "300x300"

pages/animelist/animelist.pixy

@@ -40,6 +40,10 @@ component AnimeList(animeList *arn.AnimeList, viewUser *arn.User, user *arn.User
 		tbody
 			each item in animeList.Items
 				tr.anime-list-item.mountable(title=item.Notes, data-api="/api/animelist/" + animeList.UserID + "/update/" + item.AnimeID)
+					td.anime-list-item-image-container
+						a.ajax(href=item.Anime().Link())
+							img.anime-list-item-image.lazy(data-src=item.Anime().Image.Tiny, alt=item.Anime().Title.Canonical)
+					
 					td.anime-list-item-name
 						a.ajax(href=item.Link(animeList.User().Nick))= item.Anime().Title.Canonical
 					

pages/animelist/animelist.scarlet

@@ -11,6 +11,18 @@
 .anime-list-item
 	horizontal
 
+	td
+		display flex
+		align-items center
+
+.anime-list-item-image-container
+	padding 0
+
+.anime-list-item-image
+	width 27px
+	height 39px
+	border-radius 2px
+
 .anime-list-item-name
 	flex 1
 	clip-long-text
@@ -20,7 +32,7 @@
 	justify-content flex-end
 	text-align right
 	white-space nowrap
-	flex-basis 120px
+	width 130px
 
 	:hover
 		.plus-episode
@@ -48,11 +60,12 @@
 
 .anime-list-item-rating
 	text-align right
-	flex-basis 70px
+	justify-content flex-end
+	width 65px
 
 .anime-list-item-actions
 	display none
-	flex-basis 30px
+	width 30px
 
 // 	// Beautify icon alignment
 // 	.raw-icon
@@ -69,11 +82,13 @@
 	.anime-list-item-airing-date
 		display block
 		text-align right
-		flex-basis 150px
+		width 150px
+		opacity 0.8
+		justify-content flex-end
 
 < 1100px
 	.anime-list-item-rating
-		display none
+		display none !important
 
 .fill-screen
 	min-height calc(100vh - nav-height - content-padding * 2 - 1rem - 43px - 23px)

styles/embedded.scarlet

@@ -13,8 +13,8 @@ remove-margin = 1.1rem
 		margin-top calc(remove-margin * -1)
 		width calc(100% + remove-margin * 2)
 
-		td
+		// td
-			padding 0.4rem 0.8rem
+		// 	padding 0.4rem 0.8rem
 	
 	.anime-list-owner
 		display none