From 167b7140c99259ab3486ee88afe43498fe0ecfee Mon Sep 17 00:00:00 2001
From: Michael Kalbermatten <michael.kalbermatten@ne.ch>
Date: Wed, 21 Nov 2018 09:58:58 +0100
Subject: [PATCH] IE11 distored layer images - backport #4230

---
 contribs/gmf/src/layertree/component.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/contribs/gmf/src/layertree/component.html b/contribs/gmf/src/layertree/component.html
index f60befe3bc1..c12cf0166d1 100644
--- a/contribs/gmf/src/layertree/component.html
+++ b/contribs/gmf/src/layertree/component.html
@@ -33,10 +33,12 @@
     ng-if="::!layertreeCtrl.node.children" ng-class="::{'gmf-layertree-no-layer-icon' : !gmfLayertreeCtrl.getLegendIconURL(layertreeCtrl)}"
     class="gmf-layertree-layer-icon">
 
-    <img
-      ng-if="::(legendIconUrl=gmfLayertreeCtrl.getLegendIconURL(layertreeCtrl))"
-      ng-src="{{::legendIconUrl}}">
-    </img>
+    <div><!--This div is required for flex issues with IE11-->
+      <img
+        ng-if="::(legendIconUrl=gmfLayertreeCtrl.getLegendIconURL(layertreeCtrl))"
+        ng-src="{{::legendIconUrl}}">
+      </img>
+    </div>
   </a>
 
   <a