Improved profile statistics

pages/profile/profile.scarlet

@@ -157,22 +157,32 @@ const profile-image-size = 280px
 .profile-activities
 	horizontal-wrap
 
+.activities-footer
+	margin-top 0
+
 // Margin between activity boxes
 const month-margin = 0.4rem
+const box-size = 11px
+const box-margin = 2px
 
 .activities-month
-	horizontal
+	display grid
+	grid-template-columns repeat(4, box-size)
+	grid-gap box-margin
+	// width calc(100% / 6 - month-margin)
 	margin 0 calc(month-margin / 2)
 	margin-bottom content-padding
 
 .activities-week
-	vertical
+	display grid
+	grid-template-rows repeat(5, box-size) month-margin repeat(2, box-size)
+	grid-template-columns box-size
+	grid-gap box-margin
 
 .box
-	width 0.75rem
-	height 0.75rem
+	width 100%
+	height 100%
 	border-radius 1px
-	margin 1px
 	background hsla(link-color-h, link-color-s, link-color-l, 0.75)
 
 	:hover
@@ -186,8 +196,18 @@ const month-margin = 0.4rem
 			cursor default
 			background reverse-light-color
 
-.spacer-box
-	height month-margin
+.anime-studios
+	horizontal-wrap
+	justify-content center
+	margin-bottom typography-margin
+
+.anime-studio
+	genre-tag
+
+> 800px
+	.anime-studios
+		justify-content flex-start
+		margin-bottom 0
 
 .profile-image
 	object-fit cover