1 files changed, 22 insertions, 21 deletions
diff --git a/src/client/views/DocumentButtonBar.tsx b/src/client/views/DocumentButtonBar.tsx
index c8df66535..c61ebfb4c 100644
--- a/src/client/views/DocumentButtonBar.tsx
+++ b/src/client/views/DocumentButtonBar.tsx
@@ -288,7 +288,7 @@ export class DocumentButtonBar extends ObservableReactComponent<{ views: () => (
         const targetDoc = this.view0?.Document;
 
         const metaBtn = (name: string, icon: IconProp) => {
-            const tooltip = `Show ${name}`;
+            const tooltip = `Toggle ${name}`;
             return (
                 <Tooltip title={<div className="dash-tooltip">{tooltip}</div>}>
                     <div className="documentButtonBar-pinIcon">
@@ -298,18 +298,16 @@ export class DocumentButtonBar extends ObservableReactComponent<{ views: () => (
                             key={icon.toString()}
                             size="sm"
                             icon={icon}
-                            // onPointerEnter={action(() => {
-                            //     this.subPin =
-                            //         (pinLayoutView ? 'Layout' : '') +
-                            //         (pinLayoutView && pinContentView ? ' &' : '') +
-                            //         (pinContentView ? ' Content View' : '') +
-                            //         (pinLayoutView && pinContentView ? '(shift+alt)' : pinLayoutView ? '(shift)' : pinContentView ? '(alt)' : '');
-                            // })}
-                            // onPointerLeave={action(() => {
-                            //     this.subPin = '';
-                            // })}
                             onClick={e => {
-                                name === 'tags' ? targetDoc && (targetDoc[DocData].showIconTags = !targetDoc[DocData].showIconTags) : 'hi'
+                                // console.log('wtfff')
+                                // name === 'tags' ?? 
+                                if (name === 'tags'){
+                                    (targetDoc && (targetDoc[DocData].showIconTags = !targetDoc[DocData].showIconTags))
+                                } else {
+                                    (targetDoc && (targetDoc[DocData].showLabels = !targetDoc[DocData].showLabels))
+                                }
+
+
 
                                
                             }}
@@ -323,24 +321,27 @@ export class DocumentButtonBar extends ObservableReactComponent<{ views: () => (
 
 
         return !targetDoc ? null : (
+            <div className='documentButtonBar-icon'>
+            <div className="documentButtonBar-pinTypes" style = {{width: '40px'}}>
+                {metaBtn('tags', 'star')}
+                {metaBtn("keywords", 'id-card')}
+             </div>
+
             <Tooltip title={<div className="dash-keyword-button">Open keyword menu</div>}>
                 <div
                     className="documentButtonBar-icon"
                     style={{ color: 'white' }}
                     onClick={() => {
-                        targetDoc[DocData].showLabels = !targetDoc[DocData].showLabels;
-                    }}>
+                        // targetDoc[DocData].showIconTags = !targetDoc[DocData].showIconTags;
+                    }}
+                    >
 
-                    <div className="documentButtonBar-pinTypes">
-                        {
-                            metaBtn('tags', "tag")
-                        /* {pinBtn(true, false, 'window-maximize')}
-                        {pinBtn(false, true, 'address-card')}
-                        {pinBtn(true, true, 'id-card')} */}
-                    </div>
+                   
                     <FontAwesomeIcon className="documentdecorations-icon" icon="tag" />
                 </div>
             </Tooltip>
+            </div>
+
         );
     }