hamburguer button is not obvious

[carandraug]

A comment from one of the publication reviewers is that it's not obvious the hamburger button is meant to do, or even that it's a button at all:

5. Using the Safari web browser, we couldn’t immediately spot the symbol in the top right (three lines) – to change filters etc in the set up – this could be indicated more helpfully.

Note that the problem is not the safari web browser, the problem is the window size. If the window size is too small, the navigation bar at the top is collapsed and the hamburger button shows up.

We can try to make the hamburger menu more obvious. Another alternative is swap the spekcheck logo with the hamburger button. Or maybe even do both.

[carandraug]

I have started by placing the hamburger menu on the left hand side where buttons usually are.

I have also investigated changing the style has well but not sure what you think would look better. If we need to make it more visible maybe something like the following (added to css/spekcheck.css):

/*
  The default style for this button does not make it obvious it is a
  button, so make it thicker and less transparent (issue #85).
*/
.navbar-dark .navbar-toggler {
    border-width: 2px;
    border-color: rgb(255, 255, 255, 0.5);
}