From bc91cd878d66650cbe7f7e54d21293216b61c3ee Mon Sep 17 00:00:00 2001
From: Marco Ambrosini <marcoambrosini@pm.me>
Date: Mon, 3 May 2021 10:04:53 +0100
Subject: [PATCH] Fix counter margin

Signed-off-by: Marco Ambrosini <marcoambrosini@pm.me>
---
 .../AppNavigationItem/AppNavigationItem.vue      | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/AppNavigationItem/AppNavigationItem.vue b/src/components/AppNavigationItem/AppNavigationItem.vue
index 98a6cb93d1..31ae9e696f 100644
--- a/src/components/AppNavigationItem/AppNavigationItem.vue
+++ b/src/components/AppNavigationItem/AppNavigationItem.vue
@@ -156,7 +156,10 @@ Just set the `pinned` prop.
 
 		<!-- Counter and Actions -->
 		<div v-if="hasUtils" class="app-navigation-entry__utils">
-			<slot name="counter" />
+			<div v-if="$slots.counter"
+				class="app-navigation-entry__counter-wrapper">
+				<slot name="counter" />
+			</div>
 			<Actions menu-align="right"
 				:placement="menuPlacement"
 				:open="menuOpen"
@@ -581,11 +584,12 @@ export default {
 	display: flex;
 	align-items: center;
 	flex: 0 1 auto;
-	// visually balance the menu so it's not
-	// stuck to the scrollbar
-	.action-item {
-		margin-right: 2px;
-	}
+}
+
+/* counter */
+.app-navigation-entry__counter-wrapper {
+	// Add slightly more space to the right of the counter
+	margin-right: 6px;
 }
 
 // STATES