From 81f0845d4a4158d6fbcc7549b79ef50b7bcd2544 Mon Sep 17 00:00:00 2001
From: Emi Matchu <emi@matchu.dev>
Date: Fri, 27 Sep 2024 18:45:45 -0700
Subject: [PATCH] Improve Rainbow Pool link styles

---
 app/assets/stylesheets/pet_types/index.sass | 13 ++++++++++---
 app/assets/stylesheets/pet_types/show.sass  | 11 +++++++++--
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/app/assets/stylesheets/pet_types/index.sass b/app/assets/stylesheets/pet_types/index.sass
index e73328c0..00a46db6 100644
--- a/app/assets/stylesheets/pet_types/index.sass
+++ b/app/assets/stylesheets/pet_types/index.sass
@@ -1,3 +1,5 @@
+@import "../partials/clean/constants"
+
 .pet-types
 	list-style-type: none
 	display: flex
@@ -16,17 +18,22 @@
 		display: block
 		border-radius: 1em
 		padding: .5em
+		text-decoration: none
+		background: white
+		&:hover
+			outline: 1px solid $module-border-color
+			background: $module-bg-color
 
 	img
 		width: 100%
 		height: auto
 		aspect-ratio: 1 / 1
-		position: relative
-		z-index: -1
 		margin-bottom: -1em
 
 	.name
-		background: white
+		background: inherit
 		padding: .25em .5em
 		border-radius: .5em
 		margin: 0 auto
+		position: relative
+		z-index: 1
diff --git a/app/assets/stylesheets/pet_types/show.sass b/app/assets/stylesheets/pet_types/show.sass
index 11d54e90..60a72514 100644
--- a/app/assets/stylesheets/pet_types/show.sass
+++ b/app/assets/stylesheets/pet_types/show.sass
@@ -18,19 +18,26 @@
 			display: block
 			border-radius: 1em
 			padding: .5em
+			background: white
+			text-decoration: none
+			&:hover
+				outline: 1px solid $module-border-color
+				background: $module-bg-color
 
 	outfit-viewer
 		width: 100%
 		height: auto
 		aspect-ratio: 1 / 1
 		position: relative
-		z-index: -1
+		z-index: 0
 		margin-bottom: -1em
 
 	.name
-		background: white
+		background: inherit
 		padding: .25em .5em
 		border-radius: .5em
+		position: relative
+		z-index: 1
 
 	.glitched
 		cursor: help