From c778249fed1ae34d0dc824c00fee648ffcc671d5 Mon Sep 17 00:00:00 2001
From: Kenn Jacobsen <kja@vertica.dk>
Date: Tue, 29 Jan 2019 14:33:41 +0100
Subject: [PATCH] Fix the approved color styling

---
 .../src/less/components/umb-color-swatches.less              | 4 ----
 .../src/views/components/umb-color-swatches.html             | 5 ++---
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-color-swatches.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-color-swatches.less
index 6dc2dd6ff3..8cf64e183c 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-color-swatches.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-color-swatches.less
@@ -57,10 +57,6 @@
                 .umb-color-box__label {
                     background: @white;
                     font-size: 14px;
-                    display: flex;
-                    flex-flow: column wrap;
-                    flex: 1 0 100%;
-                    justify-content: flex-end;
                     padding: 1px 5px;
                     min-height: 45px;
                     max-width: 100%;
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-color-swatches.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-color-swatches.html
index a18319b4f2..24aa29125e 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/umb-color-swatches.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-color-swatches.html
@@ -2,8 +2,8 @@
 
     <button type="button" class="umb-color-box umb-color-box--{{size}} btn-{{color.value}}" ng-repeat="color in colors" title="{{useLabel || useColorClass ? (color.label || color.value) : ('#' + color.value)}}" hex-bg-inline="{{useColorClass === false}}" hex-bg-color="{{color.value}}" ng-class="{ 'active': color.value === selectedColor }" ng-click="setColor(color.value, $index, $event)">
         <div class="umb-color-box-inner">
-            <div class="check_circle" ng-if="color.value === selectedColor">
-                <i class="icon icon-check small"></i>
+            <div class="check_circle">
+                <i class="icon icon-check small" ng-show="color.value === selectedColor"></i>
             </div>
             <div class="umb-color-box__label" ng-if="useLabel">
                 <div class="umb-color-box__name truncate">{{ color.label || color.value }}</div>
@@ -13,4 +13,3 @@
     </button>
 
 </div>
- 
\ No newline at end of file