Improved tooltips

pages/anime/anime.pixy

@@ -78,32 +78,33 @@ component AnimeRatings(anime *arn.Anime, user *arn.User)
 		h3.anime-section-name Ratings
 
 		table.anime-info-table
-			tr.mountable(data-mountable-type="info")
-				td.anime-info-key
-					if anime.Status == "upcoming"
-						span Hype:
-					else
-						span Overall:
-				td.anime-info-value
-					Rating(anime.Rating.Overall, anime.Rating.Count.Overall, user)
-
-			if anime.Rating.Count.Story > 0
+			tbody
 				tr.mountable(data-mountable-type="info")
-					td.anime-info-key Story:
+					td.anime-info-key
+						if anime.Status == "upcoming"
+							span Hype:
+						else
+							span Overall:
 					td.anime-info-value
-						Rating(anime.Rating.Story, anime.Rating.Count.Story, user)
+						Rating(anime.Rating.Overall, anime.Rating.Count.Overall, user)
 
-			if anime.Rating.Count.Visuals > 0
-				tr.mountable(data-mountable-type="info")
-					td.anime-info-key Visuals:
-					td.anime-info-value
-						Rating(anime.Rating.Visuals, anime.Rating.Count.Visuals, user)
+				if anime.Rating.Count.Story > 0
+					tr.mountable(data-mountable-type="info")
+						td.anime-info-key Story:
+						td.anime-info-value
+							Rating(anime.Rating.Story, anime.Rating.Count.Story, user)
 
-			if anime.Rating.Count.Soundtrack > 0
-				tr.mountable(data-mountable-type="info")
-					td.anime-info-key Soundtrack:
-					td.anime-info-value
-						Rating(anime.Rating.Soundtrack, anime.Rating.Count.Soundtrack, user)
+				if anime.Rating.Count.Visuals > 0
+					tr.mountable(data-mountable-type="info")
+						td.anime-info-key Visuals:
+						td.anime-info-value
+							Rating(anime.Rating.Visuals, anime.Rating.Count.Visuals, user)
+
+				if anime.Rating.Count.Soundtrack > 0
+					tr.mountable(data-mountable-type="info")
+						td.anime-info-key Soundtrack:
+						td.anime-info-value
+							Rating(anime.Rating.Soundtrack, anime.Rating.Count.Soundtrack, user)
 
 component AnimePopularity(anime *arn.Anime)
 	if anime.Popularity.Total() > 0

pages/anime/anime.scarlet

@@ -58,8 +58,15 @@
 			margin 0.25rem
 
 .anime-info-table
+	vertical
 	margin 0
 
+	tr
+		horizontal
+
+.anime-info-key
+	flex 1
+
 .anime-info-value
 	text-align right
 
@@ -152,9 +159,8 @@
 	margin-top 0.6rem
 	margin-bottom 0.4rem
 
-< 800px
-	.anime-rating-categories
-		vertical
+.anime-rating
+	// ...
 
 .anime-friends
 	.user-avatars

pages/animelist/animelist.pixy

@@ -3,7 +3,7 @@ component AnimeListPage(animeListItems []*arn.AnimeListItem, nextIndex int, view
 
 	if user.ID != viewUser.ID
 		.anime-list-user-avatar
-			Avatar(viewUser)
+			AvatarNoTip(viewUser)
 	
 	StatusTabs("/+" + viewUser.Nick + "/animelist")
 	AnimeListItems(animeListItems, nextIndex, viewUser, user)

pages/editlog/editlog.scarlet

@@ -70,8 +70,8 @@
 .edit-log-date
 	display flex
 	align-items center
-	opacity 0.5
 	flex-basis 120px
+	half-opacity-text
 
 .edit-log-empty
 	opacity 0.25

pages/quotes/quotes.scarlet

@@ -23,13 +23,7 @@
 		margin 0
 
 .quote-footer
-	text-align center
-	margin-bottom 1rem
-	margin-top 0.4rem
-	font-size 0.9em
-
-	span
-		opacity 0.65
+	media-footer
 
 blockquote
 	flex-grow 1