Add css to resize and alighn input for editable lable

ui/app/account-detail.js

@@ -99,7 +99,7 @@ AccountDetailScreen.prototype.render = function() {
             },
           }, [
 
-            // What is shown when not editing:
+            // 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)
           ]),

ui/app/components/editable-label.js

@@ -18,13 +18,13 @@ EditableLabel.prototype.render = function() {
   if (state && state.isEditingLabel) {
 
     return h('div.editable-label', [
-      h('input', {
+      h('input.editable-input', {
         defaultValue: props.textValue,
         onKeyPress:(event) => {
           this.saveIfEnter(event)
         },
       }),
-      h('button', {
+      h('button.editable-button', {
         onClick:() => this.saveText(),
       }, 'Save')
     ])

ui/app/css/index.css

@@ -219,6 +219,15 @@ app sections
   padding: 8px;*/
 }
 
+.editable-input{
+  font-size: 1em;
+  height: 31px;
+}
+
+.editable-button{
+  position: relative;
+  bottom: 2px;
+}
 /* Webkit */
 .unlock-screen input::-webkit-input-placeholder {
   text-align: center;