From 3f5ccb302d9514bbc6e76e8c60ba5d1aff3e3e16 Mon Sep 17 00:00:00 2001
From: Kenn Jacobsen <post@kennjacobsen.dk>
Date: Mon, 15 Apr 2019 21:10:09 +0200
Subject: [PATCH 1/2] Make the tree annotations easier to see

---
 .../src/less/components/tree/umb-tree.less    | 42 ++++++++++++++-----
 1 file changed, 31 insertions(+), 11 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/tree/umb-tree.less b/src/Umbraco.Web.UI.Client/src/less/components/tree/umb-tree.less
index b66ab40335..bff9c1a53e 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/tree/umb-tree.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/tree/umb-tree.less
@@ -228,40 +228,60 @@ body.touch .umb-tree {
     }
 }
 
-.umb-tree-item__annotation {
-    &::before {
-        font-family: 'icomoon';
-        position: absolute;
-        bottom: 0;
+.has-unpublished-version, .is-container, .protected {
+    > .umb-tree-item__inner {
+        > .umb-tree-item__annotation {
+            background-color: @white;
+            border-radius: 50%;
+            width: 12px;
+            height: 12px;
+            position: absolute;
+            margin-left: 12px;
+            top: 17px;
+
+            &::before {
+                font-family: 'icomoon';
+                position: absolute;
+                top: -4px;
+            }
+        }
+    }
+
+    &.current > .umb-tree-item__inner > .umb-tree-item__annotation {
+        background-color: @pinkLight;
     }
 }
 
 .has-unpublished-version > .umb-tree-item__inner > .umb-tree-item__annotation::before {
     content: "\e25a";
     color: @green;
-    font-size: 20px;
-    margin-left: -25px;
+    font-size: 23px;
+    margin-left: 16px;
+    left: -21px;
 }
 
 .is-container > .umb-tree-item__inner > .umb-tree-item__annotation::before {
     content: "\e04e";
     color: @blue;
     font-size: 9px;
-    margin-left: -20px;
+    margin-left: 2px;
+    left: 0px;
 }
 
 .protected > .umb-tree-item__inner > .umb-tree-item__annotation::before {
     content: "\e256";
     color: @red;
-    font-size: 20px;
-    margin-left: -25px;
+    font-size: 23px;
+    margin-left: -3px;
+    left: -2px;
 }
 
 .locked > .umb-tree-item__inner > .umb-tree-item__annotation::before {
     content: "\e0a7";
     color: @red;
     font-size: 9px;
-    margin-left: -20px;
+    margin-left: 2px;
+    left: 0px;
 }
 
 .no-access {

From 52bc4b04b35a964e1a4a675aa449873248638655 Mon Sep 17 00:00:00 2001
From: Kenn Jacobsen <post@kennjacobsen.dk>
Date: Mon, 15 Apr 2019 21:16:59 +0200
Subject: [PATCH 2/2] Fix annotation hover background color

---
 .../src/less/components/tree/umb-tree.less                    | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/tree/umb-tree.less b/src/Umbraco.Web.UI.Client/src/less/components/tree/umb-tree.less
index bff9c1a53e..95c2ac68d7 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/tree/umb-tree.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/tree/umb-tree.less
@@ -245,6 +245,10 @@ body.touch .umb-tree {
                 top: -4px;
             }
         }
+
+        &:hover > .umb-tree-item__annotation {
+            background-color: @ui-option-hover;
+        }
     }
 
     &.current > .umb-tree-item__inner > .umb-tree-item__annotation {