mobile friendly ordering page

[carchrae]

the current ordering page design is pretty horrid to use on my phone. this is just so our members can make their order on the phone (not making the whole site mobile friendly)

i reworked it on my version - it is still ugly as sin, but it addressed a few things.

1. avoid hover context (the green panel at the bottom is replaced with inline info)
2. fit the mobile screen better

i'll probably give another design retry before making a PR, but i wanted to know what anyone else has done here.

i know, the API version and a proper angular/react/vue app. that would be the 💣

[paroga]

i personally never use the mobile version, but i know that it needs some love. the green bar is a strange UI behaviour on the desktop too, so getting rid of it sounds good to me.

[wvengen]

I agree this can be improved a lot!
If we'd change the default layout of the ordering screen, let's put some screenshots on the discuss mailing list, so that people can give feedback before releasing.

[carchrae]

i really liked @wvengen's fork of the ui, which we are teased with in the vimeo video (which is also really great!).

do you think the api is far away from supporting the basic functions to place/edit an order?

i know we could keep improving the boostrap 2.3 design, and it is the smallest effort to do, but i think for mobile use, using a base template like https://material.angularjs.org/ or https://ionicframework.com/ would be better than bootstrap 2, as great as it was in it's day.

[wvengen]

Thanks. For the API we need to find agreement on what is acceptable for a first version, and I think we're well on the way (#572, #582).
I agree that an update to the visual framework would be long overdue. I've stuck with (a newer version of) Bootstrap in foodsoft-shop because we already know it.