From 182561070b9313402103ee01f9f2f1f0d1e56a83 Mon Sep 17 00:00:00 2001
From: Jaco Greeff <jacogr@gmail.com>
Date: Wed, 6 Dec 2017 14:52:34 +0100
Subject: [PATCH] Fix UI glicthes, align styles

---
 src/Form/Input/input.css               | 6 ++++++
 src/Form/InputAddress/inputAddress.css | 8 ++------
 src/Form/InputAddress/inputAddress.js  | 5 +----
 3 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/Form/Input/input.css b/src/Form/Input/input.css
index 4ad7506..4a6b9eb 100644
--- a/src/Form/Input/input.css
+++ b/src/Form/Input/input.css
@@ -25,7 +25,13 @@
 }
 
 .input {
+  opacity: 1 !important;
+  position: relative;
+
+  input[disabled],
   input[readonly] {
+    border-color: transparent !important;
     cursor: text;
+    opacity: 0.5;
   }
 }
diff --git a/src/Form/InputAddress/inputAddress.css b/src/Form/InputAddress/inputAddress.css
index a3fccca..f232aa6 100644
--- a/src/Form/InputAddress/inputAddress.css
+++ b/src/Form/InputAddress/inputAddress.css
@@ -21,7 +21,7 @@
 
   [data-address-img] {
     position: absolute;
-    top: -7px;
+    bottom: 0;
     left: 8px;
   }
 }
@@ -52,11 +52,7 @@
 .icon,
 .iconDisabled {
   position: absolute;
-  top: 33px;
-
-  &.noLabel {
-    top: 10px;
-  }
+  bottom: 4px;
 
   &.noCopy {
     left: 5px;
diff --git a/src/Form/InputAddress/inputAddress.js b/src/Form/InputAddress/inputAddress.js
index a7f3861..b2d2f3b 100644
--- a/src/Form/InputAddress/inputAddress.js
+++ b/src/Form/InputAddress/inputAddress.js
@@ -71,11 +71,8 @@ class InputAddress extends Component {
       ? 'null'
       : null;
 
-    // FIXME: The is not advisable, fixes the display issue, however the name should come from
-    // a common component.
-    //    account.name || (value ? 'UNNAMED' : value)
     const displayValue = text && account
-      ? (account.name || (value ? 'UNNAMED' : value))
+      ? (account.name || value)
       : (nullName || value);
 
     if (small) {