Rework layout

[NadirHelix]

On smaller devices the layout does not fit the screen so the application tends to create scrolling behaviour. And also some of the functionalities are not intuitive enough to be understood by everybody.

It is required to make it easier understandable and let it fit better to the screen.

TODO

1. create new Mockups
2. implement the layout
3. verify an several different devices and browsers

IDEAS

1. use a BurgerMenu to have all Options also textbased and not only with icons.
2. Make the layout more dynamic so it fits into the horizontal alingment without scrolling.
3. allow vertical scrolling only in the toolbox or also use a burgermenu to select the different options.
4. add reset functionality for each slider.

[NadirHelix]

@malenkix: The mockups are ready now. Please tell me if sth. is missing.

Font-face used for all displayed texts in Editor should be "Sansation".

• We will now have a burger-menu additional to the existing buttons
• There should be an option to have a reset button for each step. (reset to defaults)
• The should be a 'back' and an 'ok' button on each subpage. Both will do the same and bring you back to home.
• we will allow useres guestures to move pictures and give a hint for loading one.

Dialogs and Modals will follow later.

Please note, that btn-cancel.png will be renamed to btn-reset.png Currently both versions are accessible. Please remove the old one (cancel) after adjustment.

see: https://github.com/malenkix/guestbook/commit/88308049b6ad8f02ef82013bbc3a5049db306c0e