Heavily improved forum readability

pages/anime/anime.pixy

@@ -20,13 +20,15 @@ component Anime(anime *arn.Anime, user *arn.User)
 			p.anime-summary= anime.Summary
 	
 	if user != nil
-		.anime-actions
+		.buttons.anime-actions
 			if user.AnimeList().Contains(anime.ID)
 				a.button.ajax(href="/+" + user.Nick + "/animelist/" + anime.ID)
 					Icon("pencil")
 					span Edit in collection
 			else
-				button.action(data-action="addAnimeToCollection", data-anime-id=anime.ID, data-user-id=user.ID, data-user-nick=user.Nick) Add to collection
+				button.action(data-action="addAnimeToCollection", data-anime-id=anime.ID, data-user-id=user.ID, data-user-nick=user.Nick)
+					Icon("plus")
+					span Add to collection
 
 	h3.anime-section-name Ratings
 	.anime-rating-categories

pages/anime/anime.scarlet

@@ -45,7 +45,9 @@
 .anime-actions
 	horizontal
 	justify-content center
-	margin content-padding 0
+
+	// Action button margin
+	margin calc(content-padding - 0.5rem) -0.5rem
 
 	// Setting z-index requires setting a background as well
 	z-index 10

pages/forum/forum.pixy

@@ -1,7 +1,8 @@
 component Forum(tag string, threads []*arn.Thread)
 	h2.page-title Forum
 	ForumTags
-	ThreadList(threads)
+	.forum
+		ThreadList(threads)
 	
 	.buttons
 		button

pages/forum/forum.scarlet

@@ -1,6 +1,17 @@
+.forum
+	vertical
+	align-items center
+	
+	.thread-link
+		width 100%
+		max-width forum-width
+
 .forum-tag
+	color text-color !important
+	:hover
+		color white !important
 	&.active
-		color white
+		color white !important
 		background-color link-hover-color
 
 #load-more-threads

pages/threads/threads.scarlet

@@ -5,7 +5,7 @@
 .posts
 	vertical
 	width 100%
-	max-width 830px
+	max-width forum-width
 
 .post
 	vertical