From 81b2e4e050f16c9f1f0bc246fd8313171a64329a Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Mon, 7 Aug 2017 12:27:21 +0200
Subject: [PATCH] fixes: U4-10236 Umbraco.7.7 beta - add larger click area of
 permission items

---
 .../src/less/components/users/umb-permission.less         | 8 +++++++-
 .../src/views/components/users/umb-permission.html        | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-permission.less b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-permission.less
index 6e616c6baa..c7a898164c 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/users/umb-permission.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/users/umb-permission.less
@@ -10,7 +10,13 @@
 }
 
 .umb-permission__toggle {
-    margin-right: 20px;
+    padding-right: 20px;
+}
+
+.umb-permission__content {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 auto;
 }
 
 .umb-permission__description {
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/users/umb-permission.html b/src/Umbraco.Web.UI.Client/src/views/components/users/umb-permission.html
index d33584f73b..3385b8e073 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/users/umb-permission.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/users/umb-permission.html
@@ -4,7 +4,7 @@
         checked="selected"
         on-click="change(checked)">
     </umb-toggle>
-    <div ng-click="change(checked)">
+    <div class="umb-permission__content" ng-click="change(checked)">
         <div>{{ name }} </div>
         <div class="umb-permission__description">{{ description }}</div>
     </div>