Merge pull request #2054 from bjarnef/dev-v7-U4-7044

U4-7044 - Adjust icon and heading to fix issue with icon position in IE

src/Umbraco.Web.UI.Client/src/less/dashboards.less

@@ -5,21 +5,20 @@
 	top: -30px;
 	padding-top: 30px;
 	box-shadow: inset 0px -40px 30px 25px rgba(255,255,255,1);
-	border-radius: 0px 0px 200px 200px;
-	-moz-border-radius: 0px 0px 200px 200px;
+    -moz-border-radius: 0px 0px 200px 200px;
 	-webkit-border-radius: 0px 0px 200px 200px;
+	border-radius: 0px 0px 200px 200px;
 
     small {
 	    font-size: 14px;
 	    opacity: .5;
     }
 
-    .umb-loader{
+    .umb-loader {
         width: 640px;
         height: 4px;
     }
 
-
     .video_player{
 		video {
 	        width: 100%;
@@ -27,8 +26,8 @@
 	        border: 1px solid @gray-9;
 	        border-left: none;
 	        border-bottom: none;
+            -moz-box-sizing:border-box;
 	        box-sizing:border-box;
-	        -moz-box-sizing:border-box;
 		}
 
 		input[type="range"] {
@@ -67,8 +66,8 @@
 
 		.progress-bar {
 		    display: block;
-		    box-sizing: border-box;
-		    -moz-box-sizing:border-box;
+            -moz-box-sizing:border-box;
+		    box-sizing: border-box;   
 		    max-width: 100%;
 		    width: 200px;
 		    height: 100%;
@@ -112,26 +111,25 @@
 		line-height: 80px;
 		text-align: center;
 		position: relative;
+        display: flex;
+        justify-content: center;
 
-		i, h3 {
+		.icon, h3 {
 			display: inline-block;
 		}
 
-		i {
-			position: absolute;
-			top: 50%;
-			margin-top: -40px;
+		.icon {
+            font-size: 80px;
 		}
 
 		h3 {
-			margin: 0;
+			margin: 0 0 0 20px;
 			line-height: 80px;
 			font-weight: 700;
-			margin-left: 100px;
 			font-size: 36px;
 			letter-spacing: -1px;
 		}
 	}
 
 
-}
+}

src/Umbraco.Web.UI.Client/src/views/dashboard/forms/formsdashboardintro.html

@@ -2,7 +2,7 @@
 	<div style="max-width: 800px; text-align: center; margin: auto; padding: 20px; min-height: 800px;">
 
 		<div class="installer-top"> <!-- ADDED -->
-			<i style="font-size: 80px" class="icon icon-umb-contour"></i>
+			<i class="icon icon-umb-contour"></i>
 			<h3>Umbraco Forms</h3>
 		</div> <!-- ADDED -->