Fix layout related issues

[SuhasDissa]

#286
This PR doesn't fix the settings screen layout issues

[SuhasDissa]

Fix Alarm time picker overflow

Normal Screen	Small Screen

Note: The Cancel and OK buttons can be accessed by scrolling down

[SuhasDissa]

Fix Timer screen

Number Pad Timer Picker (Normal Screen)

Timer List

Add New Timer Sheet - Number Pad (Normal Screen)

Scroll Time Picker (Normal Screen)

Add New Timer Sheet - Scroll Time Picker (Normal Screen)

Number Pad Timer Picker (Small Screen)

Scroll Time Picker (Small Screen)

[Bnyro]

It is possible to make the time picker overflow out of the screen:

Maybe we should limit the height of the preset timers to 1/3 of the screen and make it scrollable?

[Bnyro]

To be honest, I'm not really sure about the new Start button design at the bottom. Can't we just replace it with a floating action button and align it to the right?

[Bnyro]

For the alarm editor, I think it would be great to

• move the cancel and ok buttons to the bottom right
• make the cancel button an OutlinedButton, and the ok button a normal Button

[SuhasDissa]

To be honest, I'm not really sure about the new Start button design at the bottom. Can't we just replace it with a floating action button and align it to the right?

One problem I had with the FAB is that it covers the preset timer buttons. I tried adding a bit of a padding under the preset timer grid, but it made the FAB look out of place.

Anyway, I'll add the FAB again.

[SuhasDissa]

For the alarm editor, I think it would be great to

* move the `cancel` and `ok` buttons to the bottom right

* make the `cancel` button an `OutlinedButton`, and the `ok` button a normal `Button`

Like this?

[Bnyro]

Yes 👍