From 8598eb6a09dba0784cfa04b34a1f5479697248a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6?= <skjnldsv@users.noreply.github.com>
Date: Mon, 3 May 2021 08:33:53 +0200
Subject: [PATCH] Revert "[stable3] Fix appnavigationitem layout"

---
 .../AppNavigationItem/AppNavigationItem.vue     | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/components/AppNavigationItem/AppNavigationItem.vue b/src/components/AppNavigationItem/AppNavigationItem.vue
index c2cdbbe03c..d7a5c12ae2 100644
--- a/src/components/AppNavigationItem/AppNavigationItem.vue
+++ b/src/components/AppNavigationItem/AppNavigationItem.vue
@@ -156,10 +156,7 @@ Just set the `pinned` prop.
 
 		<!-- Counter and Actions -->
 		<div v-if="hasUtils" class="app-navigation-entry__utils">
-			<div v-if="$slots.counter"
-				class="app-navigation-entry__counter-wrapper">
-				<slot name="counter" />
-			</div>
+			<slot name="counter" />
 			<Actions menu-align="right"
 				:placement="menuPlacement"
 				:open="menuOpen"
@@ -453,7 +450,6 @@ export default {
 	box-sizing: border-box;
 	width: 100%;
 	min-height: $clickable-area;
-	padding: 4px;
 
 	// When .active class is applied, change color background of link and utils. The
 	// !important prevents the focus state to override the active state.
@@ -588,12 +584,11 @@ export default {
 	display: flex;
 	align-items: center;
 	flex: 0 1 auto;
-}
-
-/* counter */
-.app-navigation-entry__counter-wrapper {
-	// Add slightly more space to the right of the counter
-	margin-right: 2px;
+	// visually balance the menu so it's not
+	// stuck to the scrollbar
+	.action-item {
+		margin-right: 2px;
+	}
 }
 
 // STATES