Fixed genre card hover

pages/genres/genres.pixy

@@ -3,10 +3,11 @@ component Genres(genres []*arn.Genre)
 	
 	.grid
 		each genre in genres
-			a.grid-cell.backside-card.ajax(href="/genres/" + genre.ID)
+			a.grid-cell.ajax(href="/genres/" + genre.ID)
+				.backside-card.ui
 					.grid-text.front
 						GridIcon(arn.GetGenreIcon(genre.Name))
 						span= genre.Name
 
 					if len(genre.AnimeList) > 0
-					img.grid-image.back(src=genre.AnimeList[0].Image, alt=genre.AnimeList[0].Title.Romaji, title=genre.AnimeList[0].Title.Romaji)
+						img.grid-image.back(src=genre.AnimeList[0].Image, alt=genre.AnimeList[0].Title.Romaji, title=genre.AnimeList[0].Title.Romaji + "\n" + genre.Name + " #1")

pages/profile/profile.styl

@@ -14,6 +14,8 @@ profileBootDuration = 2s
 	animation-name appear
 	animation-duration transitionSpeed
 
+	overflow hidden
+
 	// &:hover
 	// 	.profile-cover
 	// 		filter brightness(28%)

styles/config.styl

@@ -19,6 +19,7 @@ contentPaddingMobile = 1rem
 uiElement()
 	border uiBorder
 	background uiBackground
+	border-radius 3px
 	transition all transitionSpeed ease
 
 	&:hover

styles/elements.styl

@@ -37,7 +37,7 @@ iframe
 pre
 	border 1px solid rgb(128, 128, 128)
 	padding 1em
-	width calc(100% - 2em)
+	width 100%
 	box-shadow 1px 1px 16px rgba(0, 0, 0, 0.6)
 	color rgb(224, 224, 224)
 	background-color rgb(32, 32, 32)

styles/grid.styl

@@ -5,8 +5,6 @@
 	float none !important
 
 .grid-cell
-	uiElement()
-
 	position relative
 	
 	flex-grow 0
@@ -24,14 +22,8 @@
 
 	margin 0.5rem
 
-.scale-out
 	&:hover
-		transform scale(1.02)
-
 		.backside-card
-	transition all transitionSpeed ease-in-out
-
-	&:hover
 			transform rotateY(180deg)
 			
 			.front
@@ -41,6 +33,18 @@
 			// .grid-icon
 			// 	transform scale(1.3)
 
+.ui
+	uiElement()
+
+.scale-out
+	&:hover
+		transform scale(1.02)
+
+.backside-card
+	width 100%
+	height 100%
+	transition all transitionSpeed ease-in-out
+
 .front
 	position absolute
 	left 0