From 7a4f7da0d676d1fd1cad86bc6d4995ec18fac1bd Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Thu, 5 Apr 2018 21:10:38 +0200
Subject: [PATCH] a little bit of clean up

---
 .../src/less/components/umb-list.less         |  7 ++++++
 .../common/overlays/publish/publish.html      | 25 ++++++++-----------
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-list.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-list.less
index 3d16b76167..846b7d7aee 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-list.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-list.less
@@ -1,3 +1,10 @@
+.umb-list--condensed {
+    .umb-list-item {
+        padding-top: 5px;
+        padding-bottom: 5px;
+    }
+}
+
 .umb-list-item {
     border-bottom: 1px solid @gray-9;
     padding-top: 15px;
diff --git a/src/Umbraco.Web.UI.Client/src/views/common/overlays/publish/publish.html b/src/Umbraco.Web.UI.Client/src/views/common/overlays/publish/publish.html
index 1cf6bfb11a..c8b6dfa674 100644
--- a/src/Umbraco.Web.UI.Client/src/views/common/overlays/publish/publish.html
+++ b/src/Umbraco.Web.UI.Client/src/views/common/overlays/publish/publish.html
@@ -1,6 +1,6 @@
 <div ng-controller="Umbraco.Overlays.PublishController as vm">
     
-    <div style="margin-bottom: 10px;">
+    <div style="margin-bottom: 15px;">
         <p>What languages would you like to publish?</p>
     </div>
 
@@ -8,19 +8,16 @@
         <umb-load-indicator></umb-load-indicator>
     </div>
 
-    <div ng-if="!vm.loading">
-        <div ng-repeat="variant in vm.variants" style="padding: 5px 0px; border-bottom: 1px solid #E9E9EB">
-            <div>
-                <label class="flex">
-                    <input type="checkbox" ng-model="variant.selected" ng-disabled="variant.validationError" style="margin-right: 8px;" />
-                    <div>
-                        <div ng-if="!variant.validationError" ng-class="{'bold': variant.selected}">{{ variant.cultureDisplayName }}</div>
-                        <div ng-if="variant.validationError" style="opacity: 0.5;">{{ variant.cultureDisplayName }}</div>
-                        <div ng-if="!variant.validationError" style="font-size: 13px; color: #68676b; margin-top: 2px;">{{ variant.state }}</div>
-                        <div ng-if="variant.validationError" style="font-size: 13px; color: #F02E28; margin-top: 2px;">{{ variant.validationErrorMessage }}</div>
-                    </div>
-                </label>
-            </div>
+    <div class="umb-list umb-list--condensed" ng-if="!vm.loading">
+        <div class="umb-list-item" ng-repeat="variant in vm.variants">
+            <label class="flex">
+                <input type="checkbox" ng-model="variant.selected" ng-disabled="variant.validationError" style="margin-right: 8px;" />
+                <div>
+                    <div ng-class="{'bold': variant.selected}" style="margin-bottom: 2px;">{{ variant.cultureDisplayName }}</div>
+                    <div class="umb-permission__description" ng-if="!variant.validationError">{{ variant.state }}</div>
+                    <div class="umb-permission__description" style="color: #F02E28;" ng-if="variant.validationError">{{ variant.validationErrorMessage }}</div>
+                </div>
+            </label>
         </div>
     </div>