From 25929233cf87a0cca485978f44a34f89e902645d Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Thu, 30 Nov 2017 00:54:09 +0100
Subject: [PATCH] Style improvements for genres

---
 pages/anime/anime.pixy    | 17 +++++++++--------
 pages/anime/anime.scarlet | 13 ++++++++-----
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/pages/anime/anime.pixy b/pages/anime/anime.pixy
index 4ec53a03..c5960f58 100644
--- a/pages/anime/anime.pixy
+++ b/pages/anime/anime.pixy
@@ -20,9 +20,10 @@ component AnimeMainColumn(anime *arn.Anime, tracks []*arn.SoundTrack, episodes [
 
 			p.anime-summary.mountable= anime.Summary
 
-			.anime-summary-footer
-				AnimeGenres(anime)
-				AnimeActions(anime, user)
+			.anime-summary-footer-container
+				.anime-summary-footer
+					AnimeGenres(anime)
+					AnimeActions(anime, user)
 
 	AnimeCharacters(anime)
 	AnimeRelations(anime, user)
@@ -39,18 +40,18 @@ component AnimeSideColumn(anime *arn.Anime, friends []*arn.User, listItems map[*
 
 component AnimeActions(anime *arn.Anime, user *arn.User)
 	if user != nil
-		.buttons.anime-actions.mountable
+		.buttons.anime-actions
 			if user.Role == "editor" || user.Role == "admin"
-				a.button.ajax(href=anime.Link() + "/edit")
+				a.button.mountable.ajax(href=anime.Link() + "/edit", data-mountable-type="footer")
 					Icon("pencil-square-o")
 					span Edit anime
 
 			if user.AnimeList().Contains(anime.ID)
-				a.button.ajax(href="/+" + user.Nick + "/animelist/anime/" + anime.ID)
+				a.button.mountable.ajax(href="/+" + user.Nick + "/animelist/anime/" + anime.ID, data-mountable-type="footer")
 					Icon("pencil")
 					span Edit in collection
 			else
-				button.action(data-api="/api/animelist/" + user.ID, data-action="addAnimeToCollection", data-trigger="click", data-anime-id=anime.ID)
+				button.mountable.action(data-api="/api/animelist/" + user.ID, data-action="addAnimeToCollection", data-trigger="click", data-anime-id=anime.ID, data-mountable-type="footer")
 					Icon("plus")
 					span Add to collection
 
@@ -133,7 +134,7 @@ component AnimeLinks(anime *arn.Anime)
 component AnimeGenres(anime *arn.Anime)
 	.anime-genres
 		each genre in anime.Genres
-			a.anime-genre.mountable.ajax(href="/genre/" + strings.ToLower(genre))
+			a.anime-genre.mountable.ajax(href="/genre/" + strings.ToLower(genre), data-mountable-type="footer")
 				span= genre
 
 component AnimeRelations(anime *arn.Anime, user *arn.User)
diff --git a/pages/anime/anime.scarlet b/pages/anime/anime.scarlet
index 98ba76aa..158ed5ce 100644
--- a/pages/anime/anime.scarlet
+++ b/pages/anime/anime.scarlet
@@ -38,18 +38,21 @@
 	.anime-alternative-title
 		text-align left
 
+	.anime-summary-footer-container
+		vertical
+		flex 1
+		justify-content flex-end
+		align-items flex-end
+
 	.anime-summary-footer
+		width 100%
 		display flex
 		justify-content space-between
 		align-items center
-		// flex 1
-		// justify-content flex-end
-		// align-items flex-end
 
 		button,
 		.button
-			margin 0
-			margin-left 0.5rem
+			margin 0.25rem
 
 .anime-info-table
 	margin 0