From d4f9312ceb8096baf1f5876222b8dea20b2bdad2 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Sun, 26 Jun 2022 09:58:21 -0400
Subject: fixed cursor over topbar.

---
 src/client/views/topbar/TopBar.scss | 2 ++
 src/client/views/topbar/TopBar.tsx  | 6 +++---
 2 files changed, 5 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/client/views/topbar/TopBar.scss b/src/client/views/topbar/TopBar.scss
index 214b20193..d415e9367 100644
--- a/src/client/views/topbar/TopBar.scss
+++ b/src/client/views/topbar/TopBar.scss
@@ -13,6 +13,7 @@
       align-items: center;
       height: $topbar-height;
       background-color: $dark-gray;
+      cursor: default;
 
       .topbar-inner-container {
             display: flex;
@@ -52,6 +53,7 @@
 
             &:hover {
                   background-color: darken($color: $light-gray, $amount: 20);
+                  font-weight: 500;
             }
       }
 
diff --git a/src/client/views/topbar/TopBar.tsx b/src/client/views/topbar/TopBar.tsx
index bc9ed9293..61e836661 100644
--- a/src/client/views/topbar/TopBar.tsx
+++ b/src/client/views/topbar/TopBar.tsx
@@ -40,7 +40,7 @@ export class TopBar extends React.Component {
                               <div className="topbar-left">
                                     {activeDashboard ?
                                           <>
-                                                <div className="topbar-button-text" onClick={e => {
+                                                <div className="topbar-button-icon" onClick={e => {
                                                       ContextMenu.Instance.addItem({ description: "Logout", event: () => window.location.assign(Utils.prepend("/logout")), icon: "edit" });
                                                       ContextMenu.Instance.displayMenu(e.clientX + 5, e.clientY + 10);
                                                 }}>{Doc.CurrentUserEmail}</div>
@@ -68,13 +68,13 @@ export class TopBar extends React.Component {
                                           <FontAwesomeIcon color="white" size="lg" icon="bars" />
                                     </div>
                                     <Tooltip title={<div className="dash-tooltip">Browsing mode for directly navigating to documents</div>} placement="bottom">
-                                          <div className="topbar-icon" style={{ background: MainView.Instance._exploreMode ? Colors.LIGHT_BLUE : undefined }} onClick={action(() => MainView.Instance._exploreMode = !MainView.Instance._exploreMode)}>
+                                          <div className="topbar-button-icon" style={{ background: MainView.Instance._exploreMode ? Colors.LIGHT_BLUE : undefined }} onClick={action(() => MainView.Instance._exploreMode = !MainView.Instance._exploreMode)}>
                                                 <FontAwesomeIcon color={MainView.Instance._exploreMode ? "red" : "white"} icon="eye" size="lg" />
                                           </div>
                                     </Tooltip>
                               </div>
                               <div className="topbar-right" >
-                                    {CurrentUserUtils.ActiveDashboard ? <div className="topbar-button-text" onClick={() => { SharingManager.Instance.open(undefined, activeDashboard) }}>
+                                    {CurrentUserUtils.ActiveDashboard ? <div className="topbar-button-icon" onClick={() => { SharingManager.Instance.open(undefined, activeDashboard) }}>
                                           {GetEffectiveAcl(Doc.GetProto(CurrentUserUtils.ActiveDashboard)) === AclAdmin ? "Share" : "view original"}
                                     </div> : (null)}
                                     <div className="topbar-button-icon" onClick={() => window.open(
-- 
cgit v1.2.3-70-g09d2