feat(link shares): cleanup link share table

src/components/sharing/linkSharing.vue

@@ -80,9 +80,7 @@
 				<thead>
 				<tr>
 					<th>{{ $t('list.share.attributes.link') }}</th>
-					<th>{{ $t('list.share.attributes.name') }}</th>
+					<th>&nbsp;</th>
-					<th>{{ $t('list.share.attributes.sharedBy') }}</th>
-					<th>{{ $t('list.share.attributes.right') }}</th>
 					<th>{{ $t('list.share.links.view') }}</th>
 					<th>{{ $t('list.share.attributes.delete') }}</th>
 				</tr>
@@ -112,16 +110,18 @@
 							</div>
 						</div>
 					</td>
-					<td>
-						<template v-if="s.name !== ''">
-							{{ s.name }}
-						</template>
-						<i v-else>{{ $t('list.share.links.noName') }}</i>
-					</td>
-					<td>
-						{{ s.sharedBy.getDisplayName() }}
-					</td>
 					<td class="type">
+						<p class="mb-2" v-if="s.name !== ''">
+							{{ s.name }}
+						</p>
+
+						<p class="mb-2">
+							<i18n-t keypath="list.share.links.sharedBy">
+								<strong>{{ s.sharedBy.getDisplayName() }}</strong>
+							</i18n-t>
+						</p>
+
+						<p class="rights-item">
 							<template v-if="s.right === RIGHTS.ADMIN">
 								<span class="icon is-small">
 									<icon icon="lock"/>
@@ -140,6 +140,7 @@
 								</span>&nbsp;
 								{{ $t('list.share.right.read') }}
 							</template>
+						</p>
 					</td>
 					<td>
 						<div class="select">
@@ -229,6 +230,7 @@ const showNewForm = ref(false)
 interface SelectedViewMapper {
 	[listId: number]: string,
 }
+
 const selectedView = ref<SelectedViewMapper>({})
 
 const copy = useCopyToClipboard()
@@ -294,5 +296,9 @@ function getShareLink(hash: string, view: string = 'list') {
 	overflow-y: auto
 }
 
+.rights-item {
+	white-space: nowrap;
+}
+
 @include modal-transition();
 </style>

src/i18n/lang/en.json

@@ -243,7 +243,8 @@
         "removeText": "Are you sure you want to remove this link share? It will no longer be possible to access this list with this link share. This cannot be undone!",
         "createSuccess": "The link share was successfully created.",
         "deleteSuccess": "The link share was successfully deleted",
-        "view": "View"
+        "view": "View",
+        "sharedBy": "Shared by {0}"
       },
       "userTeam": {
         "typeUser": "user | users",
@@ -265,9 +266,6 @@
       },
       "attributes": {
         "link": "Link",
-        "name": "Name",
-        "sharedBy": "Shared by",
-        "right": "Right",
         "delete": "Delete"
       }
     },