Updates #864: Bugfix. Both select elements were being shown

css/converse.css

@@ -2156,9 +2156,10 @@
       margin: 0;
       padding: 0;
       padding-left: 0.4em;
-      width: 53%; }
-    #conversejs #converse-roster .roster-filter-form .state-type-state {
+      width: 53%;
       display: none; }
+    #conversejs #converse-roster .roster-filter-form .state-type-state {
+      display: inline-block; }
     #conversejs #converse-roster .roster-filter-form .filter-type {
       display: table-cell;
       float: right;

sass/_roster.scss

@@ -61,9 +61,10 @@
             padding: 0;
             padding-left: 0.4em;
             width: 53%;
+            display: none;
         }
         .state-type-state {
-            display: none;
+            display: inline-block;
         }
         .filter-type {
             display: table-cell;

src/templates/roster_filter.html

 <form class="pure-form roster-filter-form input-button-group">
     <input value="{{filter_text}}" class="roster-filter roster-filter-{{filter_type}}"
            placeholder="{{placeholder}}">
-           <select class="state-type state-type-{{filter_type}}">
+    <select class="state-type state-type-{{filter_type}}">
         <option value="">{{label_any}}</option>
         <option {[ if (chat_state === 'unread_messages') { ]} selected="selected" {[ } ]}
             value="unread_messages">{{label_unread_messages}}</option>