Fix chat buttons

resources/widgets.scss

@@ -71,6 +71,12 @@
         background: gray;
     }
 
+    &.btn-hovergray {
+        &:hover {
+            background: lightgray;
+        }
+    }
+
     &.btn-green {
         background: green;
 

templates/chat/chat.html

@@ -475,7 +475,10 @@ let META_HEADER = [
             $('.chat-right-panel').show();
         });
 
-        $('#refresh-button').on('click', refresh_status)
+        $('#refresh-button').on('click', function(e) {
+            e.preventDefault();
+            refresh_status();
+        });
 
         setInterval(refresh_status, 2 * 60 * 1000);
 
@@ -585,11 +588,11 @@ let META_HEADER = [
         <div id="chat-online" class="chat-right-panel sidebox">
             <h3 style="display:flex">
                 {{_('Online Users')}}
-                <button id="refresh-button" title="{{_('Refresh')}}">
+                <a href="#" id="refresh-button" title="{{_('Refresh')}}">
                     <img src="/reload.png"
                          width="100%"
                     >
-                </button> 
+                </a> 
             </h3>
             <div id="chat-online-content">
                 <div id="search-container">

templates/chat/user_online_status.html

@@ -21,7 +21,7 @@
 
 {% if other_user %}
 <span style="margin-right: 0.3em" id="setting">
-    <button class="control-button" style="height:100%;" id="setting-button"> 
+    <button class="control-button small" style="height:100%;" id="setting-button"> 
         <i class="fa fa-ellipsis-h"></i>
     </button>
     <div id="setting-content">

templates/organization/home-js.html

@@ -14,12 +14,5 @@
                 $(this).parent().submit();
             }
         });
-
-        $(document).ready(function () {
-            $('.control-button').click(function(e) {
-                e.preventDefault();
-                $('#control-panel').toggle("fast");
-            })
-        });
     });
 </script>