From 7a112c43d8d36c7e347eed2303b388beb5f7e43f Mon Sep 17 00:00:00 2001
From: Simon Busborg <simon@busb.org>
Date: Tue, 22 Dec 2015 20:05:29 +0100
Subject: [PATCH] Fix for http://issues.umbraco.org/issue/U4-6854

Grid editor - insert control: Make blue area clickable
---
 .../src/less/components/card.less                  |  5 +++--
 .../editorpicker/editorpicker.html                 | 14 ++++++++++----
 .../common/overlays/itempicker/itempicker.html     |  7 +++++--
 3 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/card.less b/src/Umbraco.Web.UI.Client/src/less/components/card.less
index 9a06c0d2dc..6e1603b3d8 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/card.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/card.less
@@ -111,12 +111,13 @@
 	 flex: 0 0 33.33%;
  }
 
-.umb-card-grid li:hover, .umb-card-grid li:hover *{
+.umb-card-grid li:hover, .umb-card-grid li:hover * {
      background: @blue;
      color: white;
+	 cursor: pointer;
  }
 
-.umb-card-grid a{
+.umb-card-grid a {
      color: #222;
      text-decoration: none;
  }
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorpicker/editorpicker.html b/src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorpicker/editorpicker.html
index 9d1735f174..0ddf13b0ea 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorpicker/editorpicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/overlays/contenttypeeditor/editorpicker/editorpicker.html
@@ -28,8 +28,11 @@
 							<h5>{{key}}</h5>
 
 							<ul class="umb-card-grid" ng-mouseleave="vm.hideDetailsOverlay()">
-								<li ng-repeat="systemDataType in value | orderBy:'name' | filter: vm.searchTerm" ng-mouseover="vm.showDetailsOverlay(systemDataType)" class="-four-in-row">
-									<a href="" ng-click="vm.pickEditor(systemDataType)" title="{{ systemDataType.name }}">
+								<li	ng-repeat="systemDataType in value | orderBy:'name' | filter: vm.searchTerm"
+								 	ng-mouseover="vm.showDetailsOverlay(systemDataType)"
+									ng-click="vm.pickEditor(systemDataType)"
+									class="-four-in-row">
+									<a href="" title="{{ systemDataType.name }}">
 										<i class="{{ systemDataType.icon }}" ng-class="{'icon-autofill': systemDataType.icon == null}"></i>
 										{{ systemDataType.name }}
 									</a>
@@ -49,8 +52,11 @@
 							<h5>{{key}}</h5>
 
 							<ul class="umb-card-grid" ng-mouseleave="vm.hideDetailsOverlay()">
-								<li ng-repeat="dataType in value | orderBy:'name' | filter: vm.searchTerm" ng-mouseover="vm.showDetailsOverlay(dataType)" class="-four-in-row">
-									<a href="" ng-click="vm.pickDataType(dataType)" title="{{ dataType.name }}">
+								<li ng-repeat="dataType in value | orderBy:'name' | filter: vm.searchTerm"
+									ng-mouseover="vm.showDetailsOverlay(dataType)"
+									ng-click="vm.pickDataType(dataType)"
+									class="-four-in-row">
+									<a href="" title="{{ dataType.name }}">
 										<i class="{{ dataType.icon }}" ng-class="{'icon-autofill': dataType.icon == null}"></i>
 										{{ dataType.name }}
 									</a>
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/overlays/itempicker/itempicker.html b/src/Umbraco.Web.UI.Client/src/views/common/overlays/itempicker/itempicker.html
index a332b2c77d..304df7dd22 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/overlays/itempicker/itempicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/overlays/itempicker/itempicker.html
@@ -11,8 +11,11 @@
     </div>
 
     <ul class="umb-card-grid">
-      <li ng-repeat="availableItem in model.availableItems | compareArrays:model.selectedItems:'alias' | orderBy:'name' | filter:searchTerm" class="-three-in-row">
-        <a href="" ng-click="selectItem(availableItem)" title="{{ availableItem.name }}">
+      <li
+        ng-repeat="availableItem in model.availableItems | compareArrays:model.selectedItems:'alias' | orderBy:'name' | filter:searchTerm"
+        ng-click="selectItem(availableItem)"
+        class="-three-in-row">
+        <a href="" title="{{ availableItem.name }}">
             <i class="{{ availableItem.icon }}"></i>
             {{ availableItem.name }}
         </a>