From 56fddd807a11d26f4dc713aac62002e0bf93dd3f Mon Sep 17 00:00:00 2001
From: xnought <bertuccd@oregonstate.edu>
Date: Wed, 31 Jan 2024 13:51:02 -0800
Subject: [PATCH] fix: transition on outer element

---
 frontend/src/lib/ListProteins.svelte | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/ListProteins.svelte b/frontend/src/lib/ListProteins.svelte
index 65905004..39291fc5 100644
--- a/frontend/src/lib/ListProteins.svelte
+++ b/frontend/src/lib/ListProteins.svelte
@@ -46,19 +46,21 @@
 
 <style>
 	.prot-container {
+		--border-opacity: 0.3;
 		display: flex;
-		outline: hsla(var(--darkblue-hsl), 0.3) 1px solid;
+		outline: hsla(var(--darkblue-hsl), var(--border-opacity)) 1px solid;
 		border-radius: 5px;
 		width: 500px;
 		padding-left: 15px;
 		padding-bottom: 15px;
 		padding-top: 15px;
 		box-sizing: border-box;
+		transition: all 0.2s ease-in-out;
 	}
 	.prot-container:hover {
 		transform: scale(1.02);
-		transition: all 0.2s ease-in-out;
-		outline: var(--darkblue) 1px dashed;
+		--border-opacity: 0.5;
+		box-shadow: 0 1px 2px 2px #00000010;
 		cursor: pointer;
 	}
 	.prot-thumb {