Make cospend 'new bill' page responsive

[siccovansas]

If you open a cospend project on a small (smartphone) screen you see that the page is too wide. You need to scroll horizontally to view all parts of the page.

It would be awesome if cospend is responsive so it is easier to use on small screens/smartphones.

Thanks for the great app 🎉!

[julien-nc]

Thanks for the bug report.
I didn't put a lot of effort in that area because there always has been MoneyBuster, the associated Android app. But you're right, much better if it's responsive. It's now done:

it's available in latest nightly (v1.3.16-7-nightly). It would be awesome if you could try it. Tell me if want to do so and need help to install the nightly. I would recommend to install it on a test instance as it's full of new stuff and only partially tested for the moment.

[siccovansas]

Great, thx! How can I install the nightly? I tried looking it up (also for other apps), but couldn't find it.

[julien-nc]

https://github.com/eneiluj/cospend-nc#nightly

[julien-nc]

v1.3.18 is out. No need to install the nightly anymore. Still very interested in your tests 😁.

[siccovansas]

Thanks for adding the documentation on how to install the nightly! I wasn't able to test it before you released v1.3.18 :). I installed v1.3.18 and the new 'New bill' screen is now perfectly responsive 🎉! Thanks!

[julien-nc]

Thanks for the feedback and the enthusiasm!

[ndx1905-github]

That's a great add, I agree.
I have an iphone so no moneybuster for me, and payforme is still in a too early development to be really useful at this point

The responsive UI does not yield the same result for me... and it looks less usable. Can you please have a look ?

than

ks

[julien-nc]

It looks quite usable in your screenshot 😁 Is it worse than before? How?

As it's impossible to emulate an apple device and i don't have any around me it's hard to make some test in those platforms. Could you try with Firefox on iOS?

[ndx1905-github]

Thanks for the reply!

You’re right it’s usable but all the boxes are truncated on the right side. Thought it might be a css issue but I really don’t know.

Also it doesn’t look as good / usable as the second screenshot in the feed

On iOS all web browsers use the safari rendering engine, even Firefox and chrome. Here is a Firefox screenshot as asked though :