From bb949e0a3b76e0376ef00647a1b7f90252224ffe Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Sat, 20 Mar 2021 16:47:01 +0100
Subject: [PATCH] Improved user page stash display on narrow pages.

---
 assets/components/users/stash.vue | 16 ++++++++++------
 assets/components/users/user.vue  |  7 ++++++-
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/assets/components/users/stash.vue b/assets/components/users/stash.vue
index 6e0e41f1..1c7fffaf 100644
--- a/assets/components/users/stash.vue
+++ b/assets/components/users/stash.vue
@@ -130,6 +130,16 @@ export default {
 	flex-grow: 1;
 	display: inline-block;
 	text-decoration: none;
+	overflow: hidden;
+}
+
+.stash-name {
+	padding: .5rem;
+	margin: 0;
+	color: var(--shadow-strong);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 
 .stash-public {
@@ -144,12 +154,6 @@ export default {
 	}
 }
 
-.stash-name {
-	padding: .5rem;
-	margin: 0;
-	color: var(--shadow-strong);
-}
-
 .stash-actors,
 .stash-scenes {
 	display: flex;
diff --git a/assets/components/users/user.vue b/assets/components/users/user.vue
index 944b4205..1dbf495d 100644
--- a/assets/components/users/user.vue
+++ b/assets/components/users/user.vue
@@ -17,6 +17,7 @@
 				<li
 					v-for="stash in user.stashes"
 					:key="stash.id"
+					class="stashes-stash"
 				>
 					<Stash
 						:stash="stash"
@@ -27,7 +28,7 @@
 
 				<li
 					v-if="isMe"
-					class="stashes-add"
+					class="stashes-stash stashes-add"
 					@click="showAddStash = true"
 				>
 					<Icon icon="plus2" />
@@ -118,6 +119,10 @@ export default {
 	color: var(--primary);
 }
 
+.stashes-stash {
+	min-width: 0;
+}
+
 .stashes-add {
 	height: 100%;
 	display: flex;