css fixes

css/converse.css

@@ -7954,7 +7954,8 @@ body.reset {
       cursor: pointer; }
     #conversejs #converse-roster .roster-filter-form .roster-filter {
       width: 100%;
-      margin: 0.2em; }
+      margin: 0.2em;
+      font-size: calc(14px - 2px); }
     #conversejs #converse-roster .roster-filter-form .state-type {
       font-size: calc(14px - 2px);
       height: 25px;
@@ -8416,7 +8417,8 @@ body.reset {
     margin-top: 0.5em;
     height: 36px;
     vertical-align: middle;
-    width: 36px; }
+    width: 36px;
+    border: 1px solid lightgrey; }
   #conversejs .message.chat-msg .chat-msg-heading {
     margin-top: 0.5em;
     padding-right: 0.25rem;

css/inverse.css

@@ -8090,7 +8090,8 @@ body {
       cursor: pointer; }
     #conversejs #converse-roster .roster-filter-form .roster-filter {
       width: 100%;
-      margin: 0.2em; }
+      margin: 0.2em;
+      font-size: calc(16px - 2px); }
     #conversejs #converse-roster .roster-filter-form .state-type {
       font-size: calc(16px - 2px);
       height: 30px;
@@ -8604,7 +8605,8 @@ body {
     margin-top: 0.5em;
     height: 36px;
     vertical-align: middle;
-    width: 36px; }
+    width: 36px;
+    border: 1px solid lightgrey; }
   #conversejs .message.chat-msg .chat-msg-heading {
     margin-top: 0.5em;
     padding-right: 0.25rem;

sass/_messages.scss

@@ -128,6 +128,7 @@
                 height: 36px;
                 vertical-align: middle;
                 width: 36px;
+                border: 1px solid lightgrey;
             }
             .chat-msg-heading {
                 margin-top: 0.5em;

sass/_roster.scss

@@ -39,6 +39,7 @@
         .roster-filter {
             width: 100%;
             margin: 0.2em;
+            font-size: calc(#{$font-size} - 2px);
         }
         .state-type {
             font-size: calc(#{$font-size} - 2px);