Fix edit text

and edit label alighment

3 files changed, 7 insertions, 8 deletions

diff --git a/ui/app/account-detail.js b/ui/app/account-detail.js
index 7a0d5b23b..549fcca33 100644
--- a/ui/app/account-detail.js
+++ b/ui/app/account-detail.js
@@ -101,7 +101,7 @@ AccountDetailScreen.prototype.render = function() {
 
             // What is shown when not editing + edit text:
             h('label.editing-label',[h('.edit-text','edit')]),
-            h('h2.font-medium.color-forest', {title: 'edit'}, identity && identity.name)
+            h('h2.font-medium.color-forest', {name: 'edit'}, identity && identity.name),
           ]),
         ]),
 
diff --git a/ui/app/components/editable-label.js b/ui/app/components/editable-label.js
index c35f3261c..cdd0c4c10 100644
--- a/ui/app/components/editable-label.js
+++ b/ui/app/components/editable-label.js
@@ -30,7 +30,7 @@ EditableLabel.prototype.render = function() {
     ])
 
   } else {
-    return h('div', {
+    return h('div.name-label', {
       onClick:(event) => {
         this.setState({ isEditingLabel: true })
       },
diff --git a/ui/app/css/index.css b/ui/app/css/index.css
index c33753888..ffe496458 100644
--- a/ui/app/css/index.css
+++ b/ui/app/css/index.css
@@ -367,20 +367,19 @@ input.large-input {
 }
 
 .edit-text {
-  height: 15px;
+  height: 100%;
   visibility: hidden;
 }
 .editing-label {
   cursor: text;
-  width: 60px;
-  height: 20px;
-  position: absolute;
+  width: 100%;
+  position: relative;
+  top: 7px;
   text-align: right;
   font-size: small;
-  padding-top: 15px;
   color: #F7861C;
 }
-.editing-label:hover div{
+.name-label:hover .edit-text {
   visibility: visible;
 }
 /* tx confirm */