From e3881c74095d202fe4a8679f5cdb8adbfa091183 Mon Sep 17 00:00:00 2001
From: cuom1999 <lephuocdinh99@gmail.com>
Date: Mon, 22 Aug 2022 23:49:20 -0500
Subject: [PATCH] Fix chat buttons

---
 resources/widgets.scss                 | 6 ++++++
 templates/chat/chat.html               | 9 ++++++---
 templates/chat/user_online_status.html | 2 +-
 templates/organization/home-js.html    | 7 -------
 4 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/resources/widgets.scss b/resources/widgets.scss
index 41ef66d..6205be1 100644
--- a/resources/widgets.scss
+++ b/resources/widgets.scss
@@ -71,6 +71,12 @@
         background: gray;
     }
 
+    &.btn-hovergray {
+        &:hover {
+            background: lightgray;
+        }
+    }
+
     &.btn-green {
         background: green;
 
diff --git a/templates/chat/chat.html b/templates/chat/chat.html
index 1f155a6..c8be60a 100644
--- a/templates/chat/chat.html
+++ b/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">
diff --git a/templates/chat/user_online_status.html b/templates/chat/user_online_status.html
index 451045f..1d99f20 100644
--- a/templates/chat/user_online_status.html
+++ b/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">
diff --git a/templates/organization/home-js.html b/templates/organization/home-js.html
index 9725bdb..37adb4a 100644
--- a/templates/organization/home-js.html
+++ b/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>
\ No newline at end of file