From 9fc87a398664ce1016d6b89d9318290bfae2b204 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B8ren=20Kottal?= <snielsen43@gmail.com>
Date: Wed, 2 Aug 2017 20:31:35 +0200
Subject: [PATCH] Changes styling for avatar

A div has been introduced, and is aligning the avatar to the left of the 40x40 block.

This moves the sizing and border-radius to the surrounding div, and adds a margin to center it.
---
 src/Umbraco.Web.UI.Client/src/less/sections.less | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/sections.less b/src/Umbraco.Web.UI.Client/src/less/sections.less
index 0579d2c0c5..e90a053a3d 100644
--- a/src/Umbraco.Web.UI.Client/src/less/sections.less
+++ b/src/Umbraco.Web.UI.Client/src/less/sections.less
@@ -87,9 +87,10 @@ ul.sections li.avatar a {
 	border: none
 }
 
-ul.sections li.avatar a img {
+ul.sections li.avatar a div {
 	border-radius: 50%;
 	width: 30px;
+    margin:0 auto;
 }
 
 ul.sections li.avatar a span {