Elastic: Fix logo image in IE11

skins/elastic/styles/widgets/taskmenu.less

@@ -168,14 +168,14 @@
 .menu {
     .popover-header {
         height: @layout-header-height;
-        display: flex !important;
-        align-items: center;
-        justify-content: center;
+        line-height: @layout-header-height;
         border: 0;
         border-radius: 0;
+        text-align: center;
 
         img {
             max-height: @layout-header-height;
+            max-width: @layout-menu-width;
             padding: .25rem;
 
             @media screen and (min-width: (@screen-width-xs + 1px)) and (max-width: @screen-width-medium) {
@@ -193,6 +193,9 @@
         }
 
         html.layout-phone & {
+            display: flex !important;
+            align-items: center;
+            justify-content: center;
             padding: 0 .5rem;
 
             img {