Small changes to userhover

src/components/common/user/UserHover.tsx

@@ -1,3 +1,4 @@
+import { InfoCircle } from "@styled-icons/boxicons-regular";
 import { Children } from "../../../types/Preact";
 import { Username } from "./UserShort";
 import styled from "styled-components";
@@ -15,14 +16,24 @@ const Base = styled.div`
     flex-direction: column;
 
     .username {
+        font-size: 13px;
         font-weight: 600;
     }
 
     .status {
+        font-size: 11px;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
     }
+
+    .tip {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        margin-top: 2px;
+        color: var(--secondary-foreground);
+    }
 `;
 
 export default function UserHover({ user, children }: Props) {
@@ -33,6 +44,7 @@ export default function UserHover({ user, children }: Props) {
                 <span className="status">
                     <UserStatus user={user} />
                 </span>
+                {/*<div className="tip"><InfoCircle size={13}/>Right-click on the avatar to access the quick menu</div>*/}
             </Base>
         }>
             { children }