Fixed issue #1682 - rewrote buttons to be clickable on the entire but…

[izhuravlev]

…ton space

Issue This PR Addresses

Fixes #1682

I tried to add a Gif, but ChromeCapture did not work normally in the DevTools window in Chrome.

Type of Change

• Bugfix: Change which fixes an issue
• New Feature: Change which adds functionality
• Documentation Update: Change which improves documentation
• UI: Change which improves UI

Description

Checklist

• Quality: This PR builds and passes our npm test and works locally
• Tests: This PR includes thorough tests or an explanation of why it does not
• Screenshots: This PR includes screenshots or GIFs of the changes made or an explanation of why it does not (if applicable)
• Documentation: This PR includes updated/added documentation to user exposed functionality or configuration variables are added/changed or an explanation of why it does not(if applicable)

[izhuravlev]

I just mentioned that we are focusing on the new UI and this commit is basically useless.

[HyperTHD]

LGTM, just make sure you rebase this before this lands
https://user-images.githubusercontent.com/16841702/107857108-5f1e3980-6dfa-11eb-893d-9c0d455b8b0d.mp4

[izhuravlev]

Thank you @HyperTHD for the recording!

[chrispinkney]

Pulled and ran locally. Awesome, perfect, wonderful, stupendous, LGTM.

[izhuravlev]

I will rebase now, as I have 2 Approvals, and merge this PR.

Thank you @HyperTHD and @chrispinkney!

[vercel]

This pull request is being automatically deployed with Vercel (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://vercel.com/humphd/telescope/3867gnfpw
✅ Preview: https://telescope-git-fork-izhuravlev-issue-1682.humphd.now.sh