Correct AddressTile and ChatInviteDialog styling

wmwragg · wmwragg · commit 6153e795bf6e · 2016-09-06T11:33:56.000+01:00
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
@@ -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
@@ -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;
 }
