From 7ce28d137acc64ffd7c9d11099298637e4d8c172 Mon Sep 17 00:00:00 2001
From: Hamza Mahjoubi <hamzamahjoubi221@gmail.com>
Date: Thu, 15 Feb 2024 11:24:30 +0100
Subject: [PATCH] fix: regression in list item's extra slot

Signed-off-by: Hamza Mahjoubi <hamzamahjoubi221@gmail.com>
---
 src/components/NcListItem/NcListItem.vue | 27 ++++++++++++------------
 1 file changed, 13 insertions(+), 14 deletions(-)

diff --git a/src/components/NcListItem/NcListItem.vue b/src/components/NcListItem/NcListItem.vue
index e880bd9401..fd484af794 100644
--- a/src/components/NcListItem/NcListItem.vue
+++ b/src/components/NcListItem/NcListItem.vue
@@ -394,21 +394,20 @@
 							</div>
 						</div>
 					</div>
+					<!-- Actions -->
+					<div v-show="forceDisplayActions || displayActionsOnHoverFocus"
+						class="list-item-content__actions"
+						@focusout="handleBlur">
+						<NcActions ref="actions"
+							:primary="isActive || active"
+							:aria-label="computedActionsAriaLabel"
+							@update:open="handleActionsUpdateOpen">
+							<!-- @slot Provide the actions for the right side quick menu -->
+							<slot name="actions" />
+						</NcActions>
+					</div>
 				</a>
 
-				<!-- Actions -->
-				<div v-show="forceDisplayActions || displayActionsOnHoverFocus"
-					class="list-item-content__actions"
-					@focusout="handleBlur">
-					<NcActions ref="actions"
-						:primary="isActive || active"
-						:aria-label="computedActionsAriaLabel"
-						@update:open="handleActionsUpdateOpen">
-						<!-- @slot Provide the actions for the right side quick menu -->
-						<slot name="actions" />
-					</NcActions>
-				</div>
-
 				<!-- @slot Extra elements below the item -->
 				<div v-if="$slots.extra" class="list-item__extra">
 					<slot name="extra" />
@@ -732,7 +731,7 @@ export default {
 // NcListItem
 .list-item {
 	box-sizing: border-box;
-	display: flex;
+	display: block;
 	position: relative;
 	flex: 0 0 auto;
 	justify-content: flex-start;