Expand width of `.open-chat` element

src/plugins/rosterview/styles/roster.scss

@@ -54,6 +54,10 @@
                 display: flex;
                 justify-content: space-between;
 
+                .open-chat {
+                    width: 100%;
+                }
+
                 .contact-actions {
                     .list-item-action {
                         line-height: 2em;

src/plugins/rosterview/templates/roster_item.js

@@ -63,7 +63,7 @@ export default  (el) => {
             class="${classes} chat-status chat-status--avatar"></converse-icon>
       </span>
       ${ num_unread ? html`<span class="msgs-indicator badge">${ num_unread }</span>` : '' }
-   <span class="contact-name contact-name--${show} ${ num_unread ? 'unread-msgs' : ''}">${display_name + (is_self ? ` ${__('(me)')}` : '')}</span>
+      <span class="contact-name contact-name--${show} ${ num_unread ? 'unread-msgs' : ''}">${display_name + (is_self ? ` ${__('(me)')}` : '')}</span>
    </a>
    <span class="contact-actions">
       ${ api.settings.get('allow_contact_removal') && !is_self ? tplRemoveLink(el) : '' }