diff --git a/css/converse.css b/css/converse.css index 4932f8761..d9b3b16d7 100644 --- a/css/converse.css +++ b/css/converse.css @@ -1940,7 +1940,7 @@ display: block; height: 24px; overflow-y: hidden; - padding: 0.3em 0 0.3em 1em; + padding: 0.3em 1em; text-shadow: 0 1px 0 #FAFAFA; line-height: 14px; width: 100%; } @@ -1950,12 +1950,12 @@ background-color: #DCF9F6; } #conversejs #converse-roster .roster-contacts dd:hover .remove-xmpp-contact { display: inline-block; } - #conversejs #converse-roster .roster-contacts dd:hover .open-chat { - width: 80%; } - #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact.request-actions { + #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .request-actions { margin-left: 0.5em; margin-bottom: 0.3em; float: right; } + #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .open-chat .req-contact-name { + width: 100%; } #conversejs #converse-roster .roster-contacts dd.requesting-xmpp-contact .req-contact-name { width: 69%; padding: 0; } diff --git a/sass/_roster.scss b/sass/_roster.scss index 169d7b36b..ffc47684b 100644 --- a/sass/_roster.scss +++ b/sass/_roster.scss @@ -101,7 +101,7 @@ display: block; height: 24px; overflow-y: hidden; - padding: 0.3em 0 0.3em 1em; + padding: 0.3em 1em; text-shadow: 0 1px 0 $text-shadow-color; line-height: $font-size; width: 100%; @@ -113,16 +113,18 @@ .remove-xmpp-contact { display: inline-block; } - .open-chat { - width: 80%; - } } &.requesting-xmpp-contact { - &.request-actions { + .request-actions { margin-left: 0.5em; margin-bottom: 0.3em; float: right; } + .open-chat { + .req-contact-name { + width: 100%; + } + } .req-contact-name { width: 69%; padding: 0;