From 48501d91d21a3b19724f77763fa80c35615a370c Mon Sep 17 00:00:00 2001
From: wmwragg <wm.wragg@gmail.com>
Date: Wed, 7 Sep 2016 10:55:31 +0100
Subject: [PATCH] Added justification for the AddressTile, when requested

---
 .../views/dialogs/ChatInviteDialog.css             |  6 +++---
 .../views/elements/AddressTile.css                 | 14 ++++++++++++++
 2 files changed, 17 insertions(+), 3 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 d33fac788c..60e7fa46de 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
@@ -60,12 +60,12 @@ limitations under the License.
 }
 
 .mx_ChatInviteDialog_queryListElement.mx_ChatInviteDialog_selected {
-     background-color: #ddd; /* selected colour */
+     background-color: #eaf5f0; /* selected colour */
 }
 
 .mx_ChatInviteDialog_queryListElement.mx_ChatInviteDialog_selected .mx_AddressTile {
-    background-color: #ddd; /* selected colour */
-    border: solid 1px #ddd; /* selected colour */
+    background-color: #eaf5f0; /* selected colour */
+    border: solid 1px #eaf5f0; /* selected colour */
 }
 
 .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 58f57c8dce..2638375157 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
@@ -39,11 +39,25 @@ limitations under the License.
     font-weight: 600;
 }
 
+.mx_AddressTile_name.mx_AddressTile_justified {
+    width: 120px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
 .mx_AddressTile_id {
     display: inline-block;
     padding-right: 11px;
 }
 
+.mx_AddressTile_id.mx_AddressTile_justified {
+    width: 200px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
 .mx_AddressTile_dismiss {
     display: inline-block;
     padding-right: 11px;