From 5ed4f262cd6943845a41d5dfcb856aad03d5c9d7 Mon Sep 17 00:00:00 2001
From: Nicholas-Westby <nicholas.westby@rhythmagency.com>
Date: Wed, 4 Nov 2015 22:25:37 -0800
Subject: [PATCH] Partial implementation of detailed node info (changed button
 text to "Open" and styled a bit): http://issues.umbraco.org/issue/U4-5764

---
 .../src/less/property-editors.less                     | 10 +++++++++-
 src/Umbraco.Web.UI.Client/src/less/variables.less      |  1 +
 .../propertyeditors/contentpicker/contentpicker.html   |  2 +-
 3 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/property-editors.less b/src/Umbraco.Web.UI.Client/src/less/property-editors.less
index be6b1d7b06..19830800a5 100644
--- a/src/Umbraco.Web.UI.Client/src/less/property-editors.less
+++ b/src/Umbraco.Web.UI.Client/src/less/property-editors.less
@@ -40,8 +40,16 @@
   padding: 10px;
 }
 
-.umb-contentpicker small a {
+.umb-contentpicker small {
+
+  &:not(:last-child) {
+    padding-right: 3px;
+    border-right: 1px solid @grayMed;
+  }
+
+  a {
     color: @gray;
+  }
 }
 
 /* CODEMIRROR DATATYPE */
diff --git a/src/Umbraco.Web.UI.Client/src/less/variables.less b/src/Umbraco.Web.UI.Client/src/less/variables.less
index ec73e62c0c..f002566eed 100644
--- a/src/Umbraco.Web.UI.Client/src/less/variables.less
+++ b/src/Umbraco.Web.UI.Client/src/less/variables.less
@@ -14,6 +14,7 @@
 @grayDarker:            #222;
 @grayDark:              #343434;
 @gray:                  #555;
+@grayMed:               #999;
 @grayLight:             #d9d9d9;
 @grayLighter:           #f8f8f8;
 @white:                 #fff; 
diff --git a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/contentpicker/contentpicker.html b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/contentpicker/contentpicker.html
index 8f223bf132..795afddb7d 100644
--- a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/contentpicker/contentpicker.html
+++ b/src/Umbraco.Web.UI.Client/src/views/propertyeditors/contentpicker/contentpicker.html
@@ -17,7 +17,7 @@
                 </a>
                 
                 <div ng-if="!dialogEditor">
-                    <small><a href ng-click="showNode($index)"><localize key="view">View</localize></a></small>
+                    <small><a href ng-click="showNode($index)"><localize key="open">Open</localize></a></small>
                     <small ng-if="model.config.showEditButton"><a href umb-launch-mini-editor="node"><localize key="edit">Edit</localize></a></small>
                 </div>
             </li>