Add a Back To Top Button

[michelleog2351]

• This will make it easier for the user to get back to the top of the page quicker rather than scrolling all the way back

[michelleog2351]

The button works perfectly well, and will scroll/return the user smoothly back to the top of the screen within 0.3s. I like this idea because the user can view the table where it stores all the match information that they have entered.

• I've added some CSS styling to the button....
  • The button consists of an upward arrow
  • When the user hovers over the button, the words "Back To Top" was originally displayed.
  • However, with some difficulty of displaying all of the words, I stuck to just "Top" (it is kind of obvious anyway😂)
  • Another problem which I also found with the "Add Match" button was that the symbol (i.e. + or ^) is still displaying when hovering to see the text
  • So that is a minor problem that is yet to be fixed :)

Thanks future reader, you're too kind.