Fixed genre card hover

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,23 +22,29 @@
 
 	margin 0.5rem
 
+	&:hover
+		.backside-card
+			transform rotateY(180deg)
+			
+			.front
+				opacity 0
+			.back
+				opacity 1
+			// .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
 
-	&:hover
-		transform rotateY(180deg)
-		
-		.front
-			opacity 0
-		.back
-			opacity 1
-		// .grid-icon
-		// 	transform scale(1.3)
-
 .front
 	position absolute
 	left 0