V8 UI Color adjustments

src/Umbraco.Web.UI.Client/src/less/buttons.less

@@ -233,7 +233,7 @@ input[type="button"] {
 
 // outlined
 .btn-outline {
-  border: 1px solid @gray-8;
+  border: 1px solid @inputBorder;
   background: @white;
   color: @black;
   padding: 5px 13px;
@@ -242,7 +242,7 @@ input[type="button"] {
 .btn-outline:hover,
 .btn-outline:focus,
 .btn-outline:active {
-  border-color: @gray-7;
+  border-color: @inputBorderFocus;
   background: transparent;
   color: @black;
 }

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

@@ -88,8 +88,7 @@
 }
 
 input.umb-editor-header__name-input {
-	border-color: transparent;
-	background-color: @white;
+	
 	font-size: 15px;
 	color: @black;
 	margin-bottom: 0;
@@ -98,11 +97,13 @@ input.umb-editor-header__name-input {
 	height: 32px;
 	line-height: 32px;
 	width: 100%;
-	padding: 0 10px;
-	background: @white;
-	border: 1px solid @gray-8;
-	&:hover {
-		border-color: @turquoise-d1;
+	padding-left: 10px;
+    
+	background-color: @white;
+	border: 1px solid @inputBorder;
+    
+	&:focus {
+		border-color: @inputBorderFocus;
 	}
 }
 

src/Umbraco.Web.UI.Client/src/less/components/html/umb-expansion-panel.less

@@ -13,6 +13,7 @@
     cursor: pointer;
     justify-content: space-between;
     color: @black;
+    border-bottom: 1px solid @gray-9;
 }
 
 .umb-expansion-panel__expand {
@@ -21,5 +22,4 @@
 
 .umb-expansion-panel__content {
     padding: 20px;
-    border-top: 1px solid @gray-9;
 }

src/Umbraco.Web.UI.Client/src/less/forms.less

@@ -243,11 +243,12 @@ input[type="color"],
 .uneditable-input {
   background-color: @inputBackground;
   border: 1px solid @inputBorder;
+  
   .transition(~"border linear .2s, box-shadow linear .2s");
 
   // Focus state
   &:focus {
-    border-color: none;
+    border-color: @inputBorderFocus;
     outline: 0;
     outline: none \9; /* IE6-9 */
   }
@@ -817,4 +818,4 @@ legend + .control-group {
 /* User/group selector */
 .group-selector .group-selector-list { float: left; }
 .group-selector .group-selector-list div { height: 24px; }
-.group-selector .group-selector-buttons { float: left; margin: 24px 16px; }
+.group-selector .group-selector-buttons { float: left; margin: 24px 16px; }

src/Umbraco.Web.UI.Client/src/less/property-editors.less

@@ -4,12 +4,9 @@
 // Container styles
 // --------------------------------------------------
 .umb-property-editor {
-    @media (max-width: 800px) {
-        width: 100%;
-    }
-    @media (min-width: 800px) {
-      min-width:66.6%;
-    }
+    
+    width: 100%;
+    max-width: 800px;
 
 	&-pull {
 		float:left;

src/Umbraco.Web.UI.Client/src/less/variables.less

@@ -278,7 +278,8 @@
 // Forms
 // -------------------------
 @inputBackground:               @white;
-@inputBorder:                   @gray-7;
+@inputBorder:                   @gray-8;
+@inputBorderFocus:              @gray-7;
 @inputBorderRadius:             0;
 @inputDisabledBackground:       @gray-10;
 @formActionsBackground:         @gray-9;
@@ -517,4 +518,4 @@
 // SORTABLE
 // --------------------------------------------------
 @sortableHelperBg: @turquoise-l2;
-@sortablePlaceholderBg : @turquoise;
+@sortablePlaceholderBg : @turquoise;