Adding Buttons

[sunnyxtian]

This is what the buttons should look like normally. (color dependent on user choice)

When the user hovers over the settings gear button, this is what it expands to.

We are creating custom icons so no need to code that, we should focus on the basic logic for now.

1. Left Side Buttons

• The eye button hides the main timer and only displays the outer progress bar.

Something like this (ignore the color choices)

• The volume button mutes and unmutes the timer

2. Right Side Buttons

• When hovered, the buttons available are:

Background (image icon)

Alarms (sound icon)

Intervals (clock icon)

Adding interactivity to these buttons will be for another issue.