Make space selector a button (elastic#26889)

timroes · Dec 11, 2018 · 2e29b3d · 2e29b3d
1 parent bd110ce
commit 2e29b3d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/ui/public/chrome/directives/global_nav/global_nav_link/global_nav_link.less b/src/ui/public/chrome/directives/global_nav/global_nav_link/global_nav_link.less
@@ -49,6 +49,8 @@
   .global-nav-link__anchor {
     display: block;
     height: 100%;
+    width: 100%;
+    line-height: inherit;
     color: @globalColorWhite;
 
     &:focus, &:hover {

diff --git a/x-pack/plugins/spaces/public/views/nav_control/components/spaces_global_nav_button.tsx b/x-pack/plugins/spaces/public/views/nav_control/components/spaces_global_nav_button.tsx
@@ -11,10 +11,10 @@ export class SpacesGlobalNavButton extends Component<ButtonProps> {
   public render() {
     return (
       <div className="global-nav-link">
-        <a className="global-nav-link__anchor" onClick={this.props.toggleSpaceSelector}>
+        <button className="global-nav-link__anchor" onClick={this.props.toggleSpaceSelector}>
           <div className="global-nav-link__icon"> {this.props.linkIcon} </div>
           <div className="global-nav-link__title"> {this.props.linkTitle} </div>
-        </a>
+        </button>
       </div>
     );
   }