From 6153e795bf6eccc1110f2dc6d4be0ad0b7abb5b9 Mon Sep 17 00:00:00 2001
From: wmwragg <wm.wragg@gmail.com>
Date: Tue, 6 Sep 2016 11:33:56 +0100
Subject: [PATCH] Correct AddressTile and ChatInviteDialog styling

---
 .../views/dialogs/ChatInviteDialog.css        | 17 +++++++++--
 .../views/elements/AddressTile.css            | 29 +++++++++++++++----
 2 files changed, 38 insertions(+), 8 deletions(-)

diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css b/src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css
index 97597ca5..6558c47b 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css
@@ -14,12 +14,23 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-.mx_ChatInviteDialog_input {
-    line-height: 36px;
+.mx_ChatInviteDialog_input,
+.mx_ChatInviteDialog_input:focus {
+    line-height: 34px;
     font-size: 14px;
     padding-left: 12px;
     padding-right: 12px;
-    margin: 0;
+    margin: 0 !important;
+    border: 0 !important;
+}
+
+.mx_ChatInviteDialog_inputContainer {
+    border-radius: 3px;
+    border: solid 1px #f0f0f0;
+    line-height: 36px;
+    padding-left: 4px;
+    padding-right: 4px;
+    padding-top: 2px;
 }
 
 .mx_ChatInviteDialog_cancel {
diff --git a/src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css b/src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css
index 4bac7cce..98a0c27e 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css
+++ b/src/skins/vector/css/matrix-react-sdk/views/elements/AddressTile.css
@@ -15,21 +15,40 @@ limitations under the License.
 */
 
 .mx_AddressTile {
-
+    display: inline-block;
+    border-radius: 3px;
+    background-color: rgba(74, 73, 74, 0.1);
+    border: solid 1px #f0f0f0;
+    line-height: 27px;
+    color: #454545;
+    font-size: 14px;
+    font-weight: normal;
 }
 
 .mx_AddressTile_avatar {
-
+    display: inline-block;
+    position: relative;
+    top: 1px;
+    padding-left: 2px;
+    padding-right: 7px;
 }
 
 .mx_AddressTile_name {
-
+    display: inline-block;
+    padding-right: 4px;
+    font-weight: 600;
 }
 
 .mx_AddressTile_id {
-
+    display: inline-block;
 }
 
 .mx_AddressTile_dismiss {
-
+    display: inline-block;
+    padding-right: 11px;
+    padding-left: 12px;
+}
+
+.mx_AddressTile_dismiss object {
+    pointer-events: none;
 }