Various elements are difficult to use on mobile

[dkoppenh]

The main menu bar and the recipe editor cancel/save bar don't scroll horizontally when zoomed in. You have to zoom out to see the whole bar, which makes the text hard to read and tap.

Similar for the popup elements like the style chooser; you have to get lucky to get the browser to show you all the text.

Tested with Android 4.1.2 stock browser, Chrome, and Firefox Beta

[danielgtaylor]

Strange - I'm using Twitter's Bootstrap for the dialogs and such which should work. I'll do some testing on Android and see what I can do.

[dkoppenh]

After further review, the popups are almost always usable, if a little oddly placed. The main problems, IMHO, are the main menu bar and recipe "save/cancel" bar.

[dkoppenh]

Removing position:fixed from the "saveMsg" div and navbar-fixed-top class would be helpful. Of course, the elements would scroll up out of view, which is probably not what you want.

overflow-x:auto on the navbar-fixed-top class allows my desktop browser to scroll over to the right when I size the window too narrow. I have to get rid of the "top" property on the "saveMsg" when I do that, otherwise the scrollbar almost hides the save message.