From fc1be7c033c7a7a0db5526dbe257c422d08f9ca0 Mon Sep 17 00:00:00 2001
From: btzr-io <btzr.io@gmail.com>
Date: Sun, 15 Oct 2017 17:13:32 -0600
Subject: [PATCH] fix wallet address input styles

---
 ui/js/component/common.js          | 28 +++++++++++++++-------------
 ui/scss/component/_form-field.scss |  4 ++++
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/ui/js/component/common.js b/ui/js/component/common.js
index 598e61a31..00f65e75d 100644
--- a/ui/js/component/common.js
+++ b/ui/js/component/common.js
@@ -152,19 +152,21 @@ export class Address extends React.PureComponent {
 
   render() {
     return (
-      <input
-        className="input-copyable"
-        type="text"
-        ref={input => {
-          this._inputElem = input;
-        }}
-        onFocus={() => {
-          this._inputElem.select();
-        }}
-        style={addressStyle}
-        readOnly="readonly"
-        value={this.props.address || ""}
-      />
+      <div className="form-field form-field--address">
+        <input
+          className="input-copyable"
+          type="text"
+          ref={input => {
+            this._inputElem = input;
+          }}
+          onFocus={() => {
+            this._inputElem.select();
+          }}
+          style={addressStyle}
+          readOnly="readonly"
+          value={this.props.address || ""}
+        />
+      </div>
     );
   }
 }
diff --git a/ui/scss/component/_form-field.scss b/ui/scss/component/_form-field.scss
index ca194b965..c7aedf480 100644
--- a/ui/scss/component/_form-field.scss
+++ b/ui/scss/component/_form-field.scss
@@ -119,6 +119,10 @@
     border: var(--input-border-size) solid var(--input-border-color);
   }
 }
+.form-field--address {
+  width: 100%;
+}
+
 .form-field--SimpleMDE {
   display: block;
 }