From b22cfc8c644c4f81ebc827f89d522df8f26503e9 Mon Sep 17 00:00:00 2001
From: Jeroen Dalsem <jdalsem@coldtrick.com>
Date: Fri, 18 May 2018 13:59:39 +0200
Subject: [PATCH] fix(css): don't let elgg-badge influence text alignment

fixes #11769
---
 mod/developers/views/default/theme_sandbox/navigation/page.php | 3 ++-
 views/default/elements/components/anchors.css                  | 3 ++-
 views/default/elements/components/menus.css                    | 1 +
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/mod/developers/views/default/theme_sandbox/navigation/page.php b/mod/developers/views/default/theme_sandbox/navigation/page.php
index 54c28b5a6b1..a489ecf9e91 100644
--- a/mod/developers/views/default/theme_sandbox/navigation/page.php
+++ b/mod/developers/views/default/theme_sandbox/navigation/page.php
@@ -2,10 +2,11 @@
 
 $items = [];
 
-foreach (['cogs', 'support', 'question', 'info'] as $icon) {
+foreach (['cogs', 'support', 'question', 'info'] as $index => $icon) {
 	$items[] = [
 		'name' => $icon,
 		'icon' => $icon,
+		'badge' => $index ?: null,
 		'text' => "Menu item",
 		'href' => '#',
 		'link_class' => $icon == 'info' ? 'elgg-state elgg-state-notice' : '',
diff --git a/views/default/elements/components/anchors.css b/views/default/elements/components/anchors.css
index 5738459db38..e87232203d0 100644
--- a/views/default/elements/components/anchors.css
+++ b/views/default/elements/components/anchors.css
@@ -27,7 +27,8 @@
 	display: inline-block;
 	color: $(text-color-strong);
 	background-color: $(background-color-soft);
-	padding: 3px 5px;
+	padding: .15rem .25rem;
+	margin-top: -.15rem;
 	text-align: center;
 	white-space: nowrap;
 	vertical-align: middle;
diff --git a/views/default/elements/components/menus.css b/views/default/elements/components/menus.css
index e38f30f82e4..51278a20716 100644
--- a/views/default/elements/components/menus.css
+++ b/views/default/elements/components/menus.css
@@ -212,6 +212,7 @@
 
 	.elgg-badge {
 		float: right;
+		margin-top: 0;
 	}
 
 	.elgg-anchor-icon {