Minor ui changes

src/Umbraco.Web.UI.Client/src/less/components/editor.less

@@ -33,13 +33,16 @@
 
 .umb-editor-drawer{
 	margin: 0;
-	padding: 20px;
+	padding: 10px;
 	z-index: 999;
 	position: absolute;
 	bottom: 0px;
 	left: 0px;
 	right: 0px;
-	height: 20px;
+	height: 31px;
+
+	background: @grayLighter;
+	border-top: 1px solid @grayLight;
 }
 
 

src/Umbraco.Web.UI.Client/src/less/pages/document-type-editor.less

@@ -159,12 +159,13 @@
 
   // tab is inherited from compositions
   .edt-tab.tab-is-inherited {
-    background: #F2F2F2;
+    background: #FDFDFD;
     border-color: #F2F2F2;
     box-shadow: none;
+
     .tab-title{
       border-color: #F2F2F2;
-      background: #F2F2F2;
+      background: #FDFDFD;
     }
   }
 
@@ -313,7 +314,7 @@
   }
 
   .edt-property.property-is-inherited {
-    background: #F2F2F2;
+    background: #FDFDFD;
     &:hover {
       border-color: transparent;
     }

src/Umbraco.Web.UI.Client/src/views/documenttype/dialogs/compositions/compositions.html

@@ -1,15 +1,15 @@
 <div ng-controller="Umbraco.Editors.DocumentType.CompositionsController">
     <div class="umb-overlay-body">
-
         <form>
             <div ng-repeat="compositeContentType in model.availableCompositeContentTypes">
-                <input type="checkbox" ng-model="compositeContentType.isSelected" ng-change="model.selectCompositeContentType(compositeContentType)" />
-                <label>{{ compositeContentType.name }}</label>
+                
+                <label class="checkbox"> 
+                	<input type="checkbox" 
+                		ng-model="compositeContentType.isSelected" 
+                		ng-change="model.selectCompositeContentType(compositeContentType)" /> 
+                		<i class="{{ compositeContentType.icon }}"></i> {{ compositeContentType.name }}</label>
             </div>
         </form>
-
-        <pre>{{ model.availableCompositeContentTypes | json }}</pre>
-
     </div>
 </div>