Added user follows

pages/animelist/animelist.scarlet

@@ -65,8 +65,7 @@
 	width 65px
 
 .anime-list-item-actions
-	display none
-	width 30px
+	display none !important
 
 // 	// Beautify icon alignment
 // 	.raw-icon
@@ -74,7 +73,11 @@
 
 > 740px
 	.anime-list-item-actions
-		display block
+		display flex !important
+		width 30px
+
+		:empty
+			display none !important
 
 .anime-list-item-airing-date
 	display none !important

pages/profile/profile.pixy

@@ -44,10 +44,22 @@ component ProfileHeader(viewUser *arn.User, user *arn.User, uri string)
 					Icon("rocket")
 					span= arn.Capitalize(viewUser.Role)
 		
-		//- .profile-actions
-		//- 	button.action(data-action="followUser", data-trigger="click")
-		//- 		Icon("user-plus")
-		//- 		span Follow
+		if user != nil
+			.profile-actions
+				if user.ID != viewUser.ID
+					if !user.Follows().Contains(viewUser.ID)
+						button.profile-action.action(data-action="followUser", data-trigger="click", data-api="/api/userfollows/" + user.ID + "/add", data-view-user-id=viewUser.ID)
+							Icon("user-plus")
+							span Follow
+					else
+						button.profile-action.action(data-action="unfollowUser", data-trigger="click", data-api="/api/userfollows/" + user.ID + "/remove", data-view-user-id=viewUser.ID)
+							Icon("user-times")
+							span Unfollow
+				
+				if user.Role == "admin" || user.Role == "editor"
+					a.button.profile-action(href="/api/user/" + viewUser.ID)
+						Icon("search-plus")
+						span API
 	
 	ProfileNavigation(viewUser, uri)
 

pages/profile/profile.scarlet

@@ -31,7 +31,15 @@ profile-boot-duration = 2s
 	margin-top calc(content-padding * 1.5)
 
 .profile-actions
-	horizontal
+	vertical
+	margin-top content-padding
+
+	:empty
+		display none
+
+.profile-action
+	margin-bottom 0.5rem
+	text-shadow none !important
 
 > 740px
 	.profile
@@ -50,11 +58,11 @@ profile-boot-duration = 2s
 		max-width 900px
 
 	.profile-actions
-		vertical
 		position absolute
 		top 0
 		right 0
 		padding content-padding
+		margin-top 0
 
 // animation appear
 // 	0%