From 565cf551f00295c4e48931e705333994f890197a Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Sat, 20 Mar 2021 23:27:53 +0100
Subject: [PATCH] Added browse text to stash link to clarify link.

---
 assets/components/users/stash.vue | 21 ++++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/assets/components/users/stash.vue b/assets/components/users/stash.vue
index 6baa278a..574f896a 100644
--- a/assets/components/users/stash.vue
+++ b/assets/components/users/stash.vue
@@ -6,6 +6,7 @@
 				class="stash-link nolink"
 			>
 				<h4 class="stash-name">{{ stash.name }}</h4>
+				<span class="stash-more">Browse</span>
 			</router-link>
 
 			<span class="header-actions noselect">
@@ -154,18 +155,25 @@ export default {
 
 .stash-header {
 	justify-content: space-between;
+	align-items: stretch;
 	padding: 0;
 }
 
 .stash-link {
+	display: inline-flex;
+	align-items: center;
 	flex-grow: 1;
-	display: inline-block;
 	text-decoration: none;
 	overflow: hidden;
+
+	&:hover .stash-more {
+		color: var(--primary);
+	}
 }
 
 .stash-name {
-	padding: .5rem;
+	display: inline-block;
+	padding: 0 .5rem;
 	margin: 0;
 	color: var(--shadow-strong);
 	white-space: nowrap;
@@ -173,6 +181,13 @@ export default {
 	text-overflow: ellipsis;
 }
 
+.stash-more {
+	flex-shrink: 0;
+	margin: 0 0 0 .5rem;
+	color: var(--shadow);
+	font-size: .9rem;
+}
+
 .header-actions {
 	display: flex;
 	align-items: stretch;
@@ -192,7 +207,7 @@ export default {
 
 .stash-remove {
 	height: auto;
-	padding: 0 1rem 0 .75rem;
+	padding: 0 .5rem 0 .75rem;
 	fill: var(--shadow);
 
 	&:hover {