DATAUP-187 Review edits

[eamahanna]

Description of PR purpose/changes

This PR is to address the comments from Mallory:
_"Was making the globus button text blue and underline on hover intentional? Was this to combat the a11y issue? If it was not intentional, can we style it so it matches the other button?

Can we add an 8px margin to this row so it has just a little bit more breathing room?"_

To address accessibility, I wrapped the button with an anchor tag and made the button non-keyboard navigable. This provides the benefit of the globus button looking correct while also maintaining typical link functionality with keyboard navigation and screen readers.

Jira Ticket / Issue

https://kbase-jira.atlassian.net/browse/DATAUP-187

• Added the Jira Ticket to the title of the PR e.g. (DATAUP-69 Adds a PR template)

Testing Instructions

• Execute make test-frontend-unit
• To view the changes locally, execute kbase-narrative, open a new narrative, and navigate to the import panel. The row for the buttons now has a top margin of 8px and the buttons are keyboard (click in the import area first then use keyboard to navigate) and screen reader accessible.

Dev Checklist:

• My code follows the guidelines at https://sites.google.com/truss.works/kbasetruss/development
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes
• Any dependent changes have been merged and published in downstream modules
• I have run Black and Flake8 on changed Python Code manually or with git precommit (and the travis build passes)

Updating Version and Release Notes (if applicable)

• Version has been bumped for each release
• Release notes have been updated for each release (and during the merge of feature branches)

[coveralls]

Coverage increased (+0.006%) to 16.983% when pulling da9d63e on DATAUP-187-review-changes into e4125e1 on truss.

[leia-sefkin]

Looks ok to me, changes make sense. The only thing I noticed is that when you hover over the Globus Button there's a small trailing -- outside the button itself. Not sure where this is coming from but maybe some overflow from the element? Super minor but hopefully easy to fix

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!

0 Bugs
0 Vulnerabilities (and 0 Security Hotspots to review)
0 Code Smells

No Coverage information
0.0% Duplication

[eamahanna]

@leia-sefkin I was able to fix the little dash. It was from a default link hover style

[briehl]

Changes look great, and works when tested out locally!