Swop buttons and try to make column responsive

src/templates/chatroom_head.html

@@ -1,4 +1,4 @@
-<div class="col col-8">
+<div class="col">
     <div class="chat-title" title="{{{o.jid}}}">
         {[ if (o.name && o.name !== o.Strophe.getNodeFromJid(o.jid)) { ]}
             {{{ o.name }}}

src/templates/profile_modal.html

@@ -49,8 +49,8 @@
                     </div>
                 </div>
                 <div class="modal-footer">
-                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{{o.label_close}}}</button>
                     <button type="submit" class="save-form btn btn-primary">{{{o.label_save}}}</button>
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{{o.label_close}}}</button>
                 </div>
             </form>
         </div>