From 8053c51237e1e6435c61dfa2069eef14fac67f6a Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Sat, 30 Jun 2018 12:22:17 +0900
Subject: [PATCH] Improved mountables on character and settings page

---
 pages/character/character.pixy   | 28 ++++++++++++++--------------
 pages/listimport/listimport.pixy |  6 +++---
 2 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/pages/character/character.pixy b/pages/character/character.pixy
index 49c20e21..05f2cf8d 100644
--- a/pages/character/character.pixy
+++ b/pages/character/character.pixy
@@ -9,23 +9,23 @@ component CharacterDetails(character *arn.Character, characterAnime []*arn.Anime
 	.character-page
 		.character-left-column
 			.character-header
-				.character-image-container.mountable
+				.character-image-container.mountable(data-mountable-type="header")
 					img.character-image-large.lazy(data-src=character.ImageLink("large"), data-webp="true", data-color=character.AverageColor(), alt=character.Name.Canonical)
 					
 					.buttons
 						LikeButton(strconv.Itoa(len(character.Likes)), "heart", "character", character, user)
 
 						if user != nil && (user.Role == "editor" || user.Role == "admin")
-							a.button.tip.mountable(href=character.Link() + "/edit", aria-label="Edit character")
+							a.button.tip.mountable(href=character.Link() + "/edit", aria-label="Edit character", data-mountable-type="header")
 								RawIcon("pencil")
 				
 				.character-description-container
 					if character.Name.Canonical == ""
-						h1.character-name.mountable untitled
+						h1.character-name.mountable(data-mountable-type="header") untitled
 					else
-						h1.character-name.mountable= character.Name.Canonical
+						h1.character-name.mountable(data-mountable-type="header")= character.Name.Canonical
 
-					.anime-alternative-title.mountable
+					.anime-alternative-title.mountable(data-mountable-type="header")
 						if character.Name.Japanese != ""
 							Japanese(character.Name.Japanese)
 						else
@@ -35,7 +35,7 @@ component CharacterDetails(character *arn.Character, characterAnime []*arn.Anime
 						.character-quotes
 							Quote(mainQuote, user)
 					
-					.character-description.mountable!= markdown.Render(character.Description)
+					.character-description.mountable(data-mountable-type="header")!= markdown.Render(character.Description)
 			
 			.character-main-column
 				if len(characterAnime) > 0
@@ -61,9 +61,9 @@ component CharacterDetails(character *arn.Character, characterAnime []*arn.Anime
 component CharacterSidebar(character *arn.Character, friends []*arn.User, relevantCharacters []*arn.Character, user *arn.User)
 	.character-sidebar
 		if len(character.Attributes) > 0
-			h3.mountable Information
+			h3.mountable(data-mountable-type="sidebar") Information
 
-			table.character-attributes.mountable
+			table.character-attributes.mountable(data-mountable-type="sidebar")
 				each attribute in character.Attributes
 					tr.mountable(data-mountable-type="info")
 						td.character-attributes-name= attribute.Name + ":"
@@ -74,18 +74,18 @@ component CharacterSidebar(character *arn.Character, friends []*arn.User, releva
 							td.character-attributes-value= attribute.Value
 		
 		if len(relevantCharacters) > 0
-			h3.mountable Relevant
+			h3.mountable(data-mountable-type="sidebar") Relevant
 
-			.relevant-characters.mountable
+			.relevant-characters.mountable(data-mountable-type="sidebar")
 				each relevantCharacter in relevantCharacters
 					.mountable(data-mountable-type="relevant-character")
 						CharacterSmall(relevantCharacter, user)
 		
 		if len(friends) > 0
 			.character-friends
-				h3.mountable Friends
+				h3.mountable(data-mountable-type="sidebar") Friends
 
-				.user-avatars.mountable
+				.user-avatars.mountable(data-mountable-type="sidebar")
 					each friend in friends
 						.mountable(data-mountable-type="friend")
 							if friend.IsActive()
@@ -94,9 +94,9 @@ component CharacterSidebar(character *arn.Character, friends []*arn.User, releva
 								.inactive-user
 									Avatar(friend)
 
-		h3.mountable Links
+		h3.mountable(data-mountable-type="sidebar") Links
 
-		.light-button-group.mountable
+		.light-button-group.mountable(data-mountable-type="sidebar")
 			if character.GetMapping("myanimelist/character") != ""
 				a.light-button(href="https://myanimelist.net/character/" + character.GetMapping("myanimelist/character"), target="_blank", rel="noopener")
 					Icon("external-link")
diff --git a/pages/listimport/listimport.pixy b/pages/listimport/listimport.pixy
index e1119d40..642c743d 100644
--- a/pages/listimport/listimport.pixy
+++ b/pages/listimport/listimport.pixy
@@ -6,20 +6,20 @@ component ImportLists(user *arn.User)
 		label AniList:
 
 		.widget-section
-			a.button.mountable(href="/import/anilist/animelist")
+			a.button(href="/import/anilist/animelist")
 				Icon("download")
 				span Import AniList
 
 	if user.Accounts.Kitsu.Nick != ""
 		label Kitsu:
 		.widget-section
-			a.button.mountable(href="/import/kitsu/animelist")
+			a.button(href="/import/kitsu/animelist")
 				Icon("download")
 				span Import Kitsu
 	
 	if user.Accounts.MyAnimeList.Nick != ""
 		label MyAnimeList:
 		.widget-section
-			a.button.mountable(href="/import/myanimelist/animelist")
+			a.button(href="/import/myanimelist/animelist")
 				Icon("download")
 				span Import MyAnimeList
\ No newline at end of file