Fix the approved color styling

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%;

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>
-