Add edit label

2 files changed, 23 insertions, 1 deletions

diff --git a/ui/app/account-detail.js b/ui/app/account-detail.js
index 2f412c5be..d4ed88013 100644
--- a/ui/app/account-detail.js
+++ b/ui/app/account-detail.js
@@ -100,7 +100,8 @@ AccountDetailScreen.prototype.render = function() {
           }, [
 
             // What is shown when not editing:
-            h('h2.font-medium.color-forest', identity && identity.name)
+            h('label.editing-label',[h('.edit-text','edit')]),
+            h('h2.font-medium.color-forest', {title: 'edit'}, identity && identity.name)
           ]),
         ]),
 
diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index f56e9fbc4..484b89f56 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -352,7 +352,28 @@ input.large-input {
 .account-detail-section {
 
 }
+.editing-label{
+ /* visibility: hidden;
+  border-color: #F7861C;
+  border-style: solid;
+  border-width: 1px;*/
 
+}
+.edit-text {
+  visibility: hidden;
+}
+.editing-label {
+  width: 60px;
+  height: 40px;
+  position: absolute;
+  text-align: right;
+  font-size: small;
+  padding-top: 15px;
+  color: #F7861C;
+}
+.editing-label:hover div{
+  visibility: visible;
+}
 /* tx confirm */
 
 .unconftx-section {