From 8c0cccba74676a1f04ee0dcf21897fac839abba8 Mon Sep 17 00:00:00 2001
From: Marco Ambrosini <marcoambrosini@icloud.com>
Date: Wed, 17 Aug 2022 16:12:49 +0200
Subject: [PATCH 1/3] Bold first line

Signed-off-by: Marco Ambrosini <marcoambrosini@icloud.com>
---
 src/components/NcListItem/NcListItem.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/NcListItem/NcListItem.vue b/src/components/NcListItem/NcListItem.vue
index c7f895bd31..932f3862c4 100644
--- a/src/components/NcListItem/NcListItem.vue
+++ b/src/components/NcListItem/NcListItem.vue
@@ -215,8 +215,7 @@
 						:class="{ 'list-item-content__main--oneline': oneLine }">
 
 						<!-- First line, title and details -->
-						<div class="line-one"
-							:class="{'line-one--bold': bold}">
+						<div class="line-one">
 							<span class="line-one__title">
 								{{ title }}
 							</span>
@@ -342,7 +341,7 @@ export default {
 		},
 
 		/**
-		 * Make title and subtitle bold
+		 * Make subtitle bold
 		 */
 		bold: {
 			type: Boolean,
@@ -638,9 +637,6 @@ export default {
 	white-space: nowrap;
 	margin: 0 auto 0 0;
 	overflow: hidden;
-	&--bold {
-		font-weight: bold;
-	}
 
 	&__title {
 		overflow: hidden;
@@ -648,6 +644,7 @@ export default {
 		cursor: pointer;
 		text-overflow: ellipsis;
 		color: var(--color-main-text);
+		font-weight: bold;
 	}
 
 	&__details {

From 1a8f2f2e769a78006112c15ff718b3868555464f Mon Sep 17 00:00:00 2001
From: Marco Ambrosini <marcoambrosini@icloud.com>
Date: Wed, 17 Aug 2022 16:19:07 +0200
Subject: [PATCH 2/3] Make border radius pill

Signed-off-by: Marco Ambrosini <marcoambrosini@icloud.com>
---
 src/components/NcListItem/NcListItem.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/NcListItem/NcListItem.vue b/src/components/NcListItem/NcListItem.vue
index 932f3862c4..cd46cac867 100644
--- a/src/components/NcListItem/NcListItem.vue
+++ b/src/components/NcListItem/NcListItem.vue
@@ -570,7 +570,7 @@ export default {
 	flex: 0 0 auto;
 	justify-content: flex-start;
 	padding: 8px;
-	border-radius: 16px;
+	border-radius: var(--border-radius-pill);
 	margin: 2px 0;
 	width: 100%;
 	cursor: pointer;

From 6498fa1bb2f56dcb8628a1778d669fca0c8503c4 Mon Sep 17 00:00:00 2001
From: Marco Ambrosini <marcoambrosini@icloud.com>
Date: Thu, 18 Aug 2022 13:02:52 +0200
Subject: [PATCH 3/3] Update docs details string

Signed-off-by: Marco Ambrosini <marcoambrosini@icloud.com>
---
 src/components/NcListItem/NcListItem.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/NcListItem/NcListItem.vue b/src/components/NcListItem/NcListItem.vue
index cd46cac867..56e7d136fb 100644
--- a/src/components/NcListItem/NcListItem.vue
+++ b/src/components/NcListItem/NcListItem.vue
@@ -26,7 +26,7 @@
 	<NcListItem
 		:title="'Title of the element'"
 		:bold="false"
-		:details="'One hour ago'"
+		:details="'1h'"
 		:counter-number="44"
 		counterType="highlighted">
 		<template #icon>
@@ -54,7 +54,7 @@
 		:title="'Title of the element'"
 		:bold="false"
 		:force-display-actions="true"
-		:details="'One hour ago'"
+		:details="'1h'"
 		:counter-number="44"
 		counterType="highlighted">
 		<template #icon>
@@ -105,7 +105,7 @@
 	<NcListItem
 		:title="'Title of the element'"
 		:bold="false"
-		:details="'One hour ago'">
+		:details="'1h'">
 		<template #icon>
 			<NcAvatar :size="44" user="janedoe" display-name="Jane Doe" />
 		</template>