From 8d35dac9b62f3f4932721f66e7383ac228a67012 Mon Sep 17 00:00:00 2001
From: Jan Skovgaard <jaskov@gmail.com>
Date: Tue, 9 Oct 2018 12:00:29 +0200
Subject: [PATCH] #3187 - Small UI fixes for the toggle directive (#3188)

---
 .../src/less/components/buttons/umb-toggle.less             | 6 +++++-
 .../src/views/components/buttons/umb-toggle.html            | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-toggle.less b/src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-toggle.less
index 73f059b4ee..2ca03e2c79 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-toggle.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/buttons/umb-toggle.less
@@ -10,6 +10,11 @@
     }
 }
 
+.umb-toggle:focus .umb-toggle__toggle{
+    outline: 0;
+    box-shadow: 0 0 5px fade(@black, 30%);
+}
+
 .umb-toggle__handler {
     position: absolute;
     top: 0;
@@ -43,7 +48,6 @@
 /* Labels */
 
 .umb-toggle__label {
-    font-size: 12px;
     color: @gray-2;
 }
 
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/buttons/umb-toggle.html b/src/Umbraco.Web.UI.Client/src/views/components/buttons/umb-toggle.html
index fc62485521..670b6c64f2 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/buttons/umb-toggle.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/buttons/umb-toggle.html
@@ -1,4 +1,4 @@
-<button ng-click="click()" type="button" class="umb-toggle dib" ng-class="{'umb-toggle--checked': checked}">
+<button ng-click="click()" type="button" class="umb-toggle" ng-class="{'umb-toggle--checked': checked}">
 
     <span ng-if="!labelPosition && showLabels === 'true' || labelPosition === 'left' && showLabels === 'true'">
         <span ng-if="!checked" class="umb-toggle__label umb-toggle__label--left">{{ displayLabelOff }}</span>