From 62889089a614c133879a2d5fa5966a740dcaf573 Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Mon, 20 Feb 2017 14:34:13 +0000
Subject: [PATCH] Keep the features section near the bottom.

---
 css/converse.css                    | 7 +++++++
 sass/_chatrooms.scss                | 6 ++++++
 src/templates/chatroom_sidebar.html | 6 ++++--
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/css/converse.css b/css/converse.css
index 3d9531d5a..970fc32d9 100644
--- a/css/converse.css
+++ b/css/converse.css
@@ -2328,6 +2328,13 @@
         #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
           padding: 0.3em 0;
           font-weight: bold; }
+        #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants .chatroom-features,
+        #conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
+          position: absolute;
+          bottom: 0.5em;
+          width: 25%;
+          width: -webkit-calc(30% - 1em);
+          width: calc(30% - 1em); }
         #converse-embedded-chat .chatroom .box-flyout .chatroom-body .occupants ul,
         #conversejs .chatroom .box-flyout .chatroom-body .occupants ul {
           padding: 0.3em 0;
diff --git a/sass/_chatrooms.scss b/sass/_chatrooms.scss
index f6285edc9..1601e689e 100644
--- a/sass/_chatrooms.scss
+++ b/sass/_chatrooms.scss
@@ -104,6 +104,12 @@
                         padding: 0.3em 0;
                         font-weight: bold;
                     }
+                    .chatroom-features {
+                        position: absolute;
+                        bottom: 0.5em;
+                        width: 25%;
+                        @include calc(width, '30% - 1em');
+                    }
                     ul {
                         padding: 0.3em 0;
                         overflow-x: hidden;
diff --git a/src/templates/chatroom_sidebar.html b/src/templates/chatroom_sidebar.html
index 4c724165c..ca3252e45 100644
--- a/src/templates/chatroom_sidebar.html
+++ b/src/templates/chatroom_sidebar.html
@@ -9,6 +9,8 @@
 </form>
 <ul class="occupant-list"></ul>
 
-<p class="occupants-heading">{{{label_features}}}</p>
-<ul class="features-list"></ul>
+<div class="chatroom-features">
+    <p class="occupants-heading">{{{label_features}}}</p>
+    <ul class="features-list"></ul>
+</div>
 <!-- </div> -->