Fix accessibility with experimental login button

Oops, my pseudo-button didn't behave quite right for keyboard-based opening the popover. Using an actual Button now!
2022-08-26 16:33:09 -07:00 · 2022-08-26 16:33:09 -07:00 · e6176b6c16
commit e6176b6c16
parent a663ee79df
1 changed files with 8 additions and 2 deletions
--- a/src/app/HomePage.js
+++ b/src/app/HomePage.js
@ -736,9 +736,15 @@ function FeedbackFormPitch() {
            <ListItem>
              <Popover>
                <PopoverTrigger>
-                  <Box tabIndex="0" textDecoration="underline" cursor="pointer">
+                  <Button
+                    variant="link"
+                    textDecoration="underline"
+                    color="inherit"
+                    fontSize="1em"
+                    fontWeight="inherit"
+                  >
                    Better login system
-                  </Box>
+                  </Button>
                </PopoverTrigger>
                <PopoverContent>
                  <PopoverArrow />