Tooltips on Mobile

[r-southworth]

Describe the bug On mobile views with tool tips if you click on the right side of an input box where a tooltip shows up for other inputs it shows the tool tip instead of activating the input box

To Reproduce Steps to reproduce the behavior:

1. On mobile got to provider/createaccount or client/createaccount
2. Click on the right hand side of name fields
3. Most likely you will get the phone tool tip (depending on screen size)

Expected behavior When you click an input box it should activate the input. Tooltips should only show if you click the icon for them.

Screenshots If applicable, add screenshots to help explain your problem. Clicking anywhere that the phone tool tip overlaps displays the phone tool tip because it has opacity-100 on hover and on mobile a click is also a hover.

Desktop (please complete the following information):

• Environment (LocalHost or Hosted Website?) LocalHost
  • If localhost can you replicate the bug on the Hosted Website Yes
• OS: [e.g. iOS] MacOS
  • Browser [e.g. chrome, safari] Chrome, Inspect as iPhone SE
  • Browser Version [e.g. 22] Version 116.0.5845.96
  • UI Language English

Additional context Add any other context about the problem here.

Proposed Solution Any suggestions to resolve the issue.

• [X] I am willing to submit a pull request for this issue.

[r-southworth]

Need to switch from group to peer hover selectors

[r-southworth]

Need to use visible/invisible also to avoid blocking elements behind

[r-southworth]

Resolved with commit 8ea4f59d20b285ae8b2a7bdec6ccc52500af6361