Show occupants sidebar again

mockup/chatroom.html

@@ -36,9 +36,8 @@
                         </div>
                     </div>
 
-                    <div class="chat-body chatroom-body">
-                        <div class="row no-gutters">
-                            <div class="chat-area col-md-9 col-8">
+                    <div class="chat-body chatroom-body row no-gutters">
+                            <div class="chat-area col">
                                 <div class="chat-content">
                                     <div class="chat-message">
                                         <span class="chat-msg-author chat-msg-room">18:50&nbsp;
@@ -115,7 +114,6 @@
                                         <li class="feature" title="Unmoderated: This room is not being moderated"><span class="fa fa-info-circle"></span>&nbsp;</li>
                                     </ul>
                                 </div>
-                            </div>
                         </div>
                     </div>
                 </div>

src/converse-muc-views.js

@@ -2245,7 +2245,7 @@
 
             _converse.ChatRoomOccupantsView = Backbone.OrderedListView.extend({
                 tagName: 'div',
-                className: 'occupants',
+                className: 'occupants col-md-3 col-4',
                 listItems: 'model',
                 sortEvent: 'change:role',
                 listSelector: '.occupant-list',

src/templates/chatarea.html

@@ -1,4 +1,4 @@
-<div class="chat-area">
+<div class="chat-area col">
     <div class="chat-content {[ if (o.show_send_button) { ]}chat-content-sendbutton{[ } ]}"></div>
     <div class="new-msgs-indicator hidden">▼ {{{ o.unread_msgs }}} ▼</div>
     <form class="sendXMPPMessage">

src/templates/chatroom.html

@@ -1,4 +1,4 @@
 <div class="flyout box-flyout">
     <div class="chat-head chat-head-chatroom row no-gutters"></div>
-    <div class="chat-body chatroom-body"></div>
+    <div class="chat-body chatroom-body row no-gutters"></div>
 </div>