From f596f76af3d5802b3f1c350f45da1333f9674b8a Mon Sep 17 00:00:00 2001
From: fenn-cs <fenn25.fn@gmail.com>
Date: Wed, 13 Sep 2023 11:56:55 +0100
Subject: [PATCH] Display user status by the side in sharing flow

The quick share drop down now takes the place where the user status
would show in the past, so we have the option of removing it (as it's available
in the profile dropdown) or putting it at the side as such.

It's put on the side without the icon, as the status icon appears on the avatar
when set.

Signed-off-by: fenn-cs <fenn25.fn@gmail.com>
---
 .../src/components/SharingEntry.vue              | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/apps/files_sharing/src/components/SharingEntry.vue b/apps/files_sharing/src/components/SharingEntry.vue
index 7399617a79c..4bc9361004b 100644
--- a/apps/files_sharing/src/components/SharingEntry.vue
+++ b/apps/files_sharing/src/components/SharingEntry.vue
@@ -35,12 +35,11 @@
 				:aria-label="tooltip"
 				:href="share.shareWithLink"
 				class="sharing-entry__desc">
-				<span>{{ title }}<span v-if="!isUnique" class="sharing-entry__desc-unique"> ({{
-					share.shareWithDisplayNameUnique }})</span></span>
-				<p v-if="hasStatus">
-					<span>{{ share.status.icon || '' }}</span>
-					<span>{{ share.status.message || '' }}</span>
-				</p>
+				<span>{{ title }}
+					<span v-if="!isUnique" class="sharing-entry__desc-unique"> ({{
+						share.shareWithDisplayNameUnique }})</span>
+					<small v-if="hasStatus && share.status.message">({{ share.status.message }})</small>
+				</span>
 			</component>
 			<QuickShareSelect :share="share"
 				:file-info="fileInfo"
@@ -168,6 +167,10 @@ export default {
 		&-unique {
 			color: var(--color-text-maxcontrast);
 		}
+
+		small {
+			color: var(--color-text-maxcontrast);
+		}
 	}
 
 	&__actions {
@@ -176,6 +179,7 @@ export default {
 
 	&__summary {
 		padding: 8px;
+		padding-left: 10px;
 		display: flex;
 		flex-direction: column;
 		justify-content: center;