From fad3f90aa50bc9667bf388058d6ebb56a92311a4 Mon Sep 17 00:00:00 2001
From: Tauqeer Haider <tauqeer.haider@aurea.com>
Date: Mon, 31 Aug 2020 11:36:43 +0000
Subject: [PATCH 1/2] pencil icon moved to the right ... menu

---
 .../src/PersonaBarPageTreeMenu.jsx               |  4 +++-
 .../src/PersonaBarPageTreeview.jsx               |  4 ----
 .../src/styles.less                              | 16 +++++++++++++++-
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/PersonaBarPageTreeMenu.jsx b/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/PersonaBarPageTreeMenu.jsx
index 2fd4228d4c5..19820cb181b 100644
--- a/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/PersonaBarPageTreeMenu.jsx
+++ b/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/PersonaBarPageTreeMenu.jsx
@@ -3,6 +3,7 @@ import { PropTypes } from "prop-types";
 import "./styles.less";
 import PersonaBarSelectionArrow from "./_PersonaBarSelectionArrow";
 import PersonaBarExpandCollapseIcon from "./_PersonaBarExpandCollapseIcon";
+import PersonaBarDraftPencilIcon from "./_PersonaBarDraftPencilIcon";
 
 export class PersonaBarPageTreeMenu extends Component {
 
@@ -47,11 +48,12 @@ export class PersonaBarPageTreeMenu extends Component {
 
         return listItems.map((item, index) => {
             return (
-                <li key={"pageTreeListItem" + index} className="list-item-menu">
+                <li key={"pageTreeListItem" + index} className="list-item-menu-right">
                     <div
                         className={(item.selected) ? "list-item-highlight" : null}
                         style={{ height: "28px", lineHeight: "35px" }}>
                         <div className="draft-pencil">
+                            <PersonaBarDraftPencilIcon display={item.hasUnpublishedChanges} />
                             {item.canViewPage && <PersonaBarSelectionArrow
                                 CallCustomAction={this.props.CallCustomAction}
                                 onAddPage={this.props.onAddPage}
diff --git a/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/PersonaBarPageTreeview.jsx b/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/PersonaBarPageTreeview.jsx
index 6f62f3b1e01..0292ea2c194 100644
--- a/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/PersonaBarPageTreeview.jsx
+++ b/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/PersonaBarPageTreeview.jsx
@@ -4,7 +4,6 @@ import utils from "utils";
 import "./styles.less";
 import { SingleLineInput } from "@dnnsoftware/dnn-react-common";
 import PersonaBarPageIcon from "./_PersonaBarPageIcon";
-import PersonaBarDraftPencilIcon from "./_PersonaBarDraftPencilIcon";
 
 export class PersonaBarPageTreeview extends Component {
 
@@ -178,9 +177,6 @@ export class PersonaBarPageTreeview extends Component {
                                     item.name
                                 }
                             </span>
-                            <div className="draft-pencil">
-                                <PersonaBarDraftPencilIcon display={item.hasUnpublishedChanges} />
-                            </div>
                         </div>
                         {((item.childListItems && !item.isOpen) || !item.childListItems) && index === total && this.renderDropZone("after", item)}
                     </div>
diff --git a/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/styles.less b/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/styles.less
index fa20f35691e..767351a3a60 100644
--- a/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/styles.less
+++ b/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/styles.less
@@ -30,6 +30,20 @@
             }
         }
     }
+    .list-item-menu-right {
+        width: 70px;
+        .draft-pencil {
+            width: auto;
+            display: inline-block;
+            svg:hover {
+                fill: @alto;
+            }
+            .dnn-persona-bar-draft-icon {
+                display: inline-block;
+                width: 20px;
+            }
+        }
+    }
     .tree-menu-ul ul {
         padding: 0;
     }
@@ -123,7 +137,7 @@
     .selection-arrow {
         display: inline-block;
         position: relative;
-        width: 90px;
+        width: 50px;
         top: 0px;
         left: 5px;
         font-size: 18px;

From e200b8502c8ea51119e2fa46ef103a03dd92069c Mon Sep 17 00:00:00 2001
From: Tauqeer Haider <tauqeer.haider@aurea.com>
Date: Mon, 7 Sep 2020 12:51:42 +0000
Subject: [PATCH 2/2] override the style

---
 .../components/dnn-persona-bar-page-treeview/src/styles.less | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/styles.less b/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/styles.less
index 767351a3a60..375ec391e93 100644
--- a/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/styles.less
+++ b/Dnn.AdminExperience/ClientSide/Pages.Web/src/components/dnn-persona-bar-page-treeview/src/styles.less
@@ -42,6 +42,9 @@
                 display: inline-block;
                 width: 20px;
             }
+            .selection-arrow {
+                width: 50px;
+            }
         }
     }
     .tree-menu-ul ul {
@@ -137,7 +140,7 @@
     .selection-arrow {
         display: inline-block;
         position: relative;
-        width: 50px;
+        width: 90px;
         top: 0px;
         left: 5px;
         font-size: 18px;