From ea785a65855a00e6fae36b6e0f574ca3504dee37 Mon Sep 17 00:00:00 2001
From: Shannon <sdeminick@gmail.com>
Date: Tue, 25 Nov 2014 13:14:18 +1100
Subject: [PATCH] Fixes: U4-5867 Installer, no starter kit link moves when
 starter kit list is populated

---
 .../src/installer/steps/starterkit.html         |  7 +++++--
 .../src/less/installer.less                     | 17 +++++++++++++++++
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/installer/steps/starterkit.html b/src/Umbraco.Web.UI.Client/src/installer/steps/starterkit.html
index 1868798bcb..78e90445db 100644
--- a/src/Umbraco.Web.UI.Client/src/installer/steps/starterkit.html
+++ b/src/Umbraco.Web.UI.Client/src/installer/steps/starterkit.html
@@ -1,14 +1,17 @@
-<div ng-controller="Umbraco.Installer.PackagesController">
+<div ng-controller="Umbraco.Installer.PackagesController" id="starterKits">
 	<h1>Install a starter website</h1>
 
 	<p>
 		Installing a starter website helps you learn how Umbraco works, and gives you a solid
 		and simple foundation to build on top of.
 	</p>
+    
+    <small ng-if="!packages || packages.length == 0">Loading...</small>
 
-    <ul class="thumbnails">
+    <ul class="thumbnails">        
         <li class="span3" ng-repeat="pck in packages">
             <a href ng-click="setPackageAndContinue(pck.id)" class="thumbnail">
+                <small>Loading...</small>
                 <img ng-src="http://our.umbraco.org{{pck.thumbnail}}" alt="{{pck.name}}">
             </a>
         </li>
diff --git a/src/Umbraco.Web.UI.Client/src/less/installer.less b/src/Umbraco.Web.UI.Client/src/less/installer.less
index 298f4f4728..574fde27a9 100644
--- a/src/Umbraco.Web.UI.Client/src/less/installer.less
+++ b/src/Umbraco.Web.UI.Client/src/less/installer.less
@@ -288,4 +288,21 @@ select {
     width:100%;
     overflow:auto;
     border:none;
+}
+#starterKits .thumbnails{
+    min-height:128px;
+}
+#starterKits a.thumbnail {
+    position:relative;
+    height:98px;
+}
+#starterKits a.thumbnail small {
+    position:absolute;
+    z-index: 50;
+    top:10px;
+    left:10px;
+}
+#starterKits a.thumbnail img {
+    position:relative;
+    z-index:100;
 }
\ No newline at end of file