🐛 Bug - Lack of focus indicator for "Log In" button and unfocusable "Register" button

[BeauTheBeau]

Describe the bug There is no clear visual indicator that the Log In button is focused, and the Register button can not be focused through Tab

To Reproduce

1. Go to the Valour login page
2. Tab to "Log in"
   • The Log In button will be focused, but there is no visual indicator
3. Tab to "Register"
   • The Register button is not focused, it skips to the next focusable element

Expected behavior The buttons are focusable and have a clear indicator that they are focused

Screenshots You can see my keyboard inputs at the bottom of the screen. I'm not sure how useful this actually is, but it might help :)

System Information:

• OS: Arch (BTW) Linux
• Valour Version: V0.2.5.0
• Valour Platform: Web
  • Browser: Firefox 117.0.1 (64-bit)

Additional context The Log In button is a button element, but the Register is just a div

[BeauTheBeau]

Same issue applies for

• The Toggles in the "Create a Channel" dialog and User Settings
• "Delete my Account", "Save changes", "Copy Link" and other buttons of the same style
• "Save" button in Planet Settings/Info
• The Subscription cards

Sorry I didn't catch this in the main issue, was a bit sleepy

[SpikeViper]

Can't tab-highlight buttons on register/login page