Adjust position of toolbar elements

[janvi01]

Currently, the toolbar looks a little odd in mobile view with no margin, display, padding around buttons.

current view

Expected solution

• adjust the position of elements

after view

[janvi01]

Hey, @TildaDares I would like to work on this . Thanks!

[TildaDares]

Hi @janvi01 , this issue is on hold because we plan on redesigning the Infragram homepage as an Outreachy project https://publiclab.org/wiki/gsoc-ideas#Outreachy:+Infragram.org+full-screen+UI+design. You can open an issue that lists all of the things you plan to change/redesign along with wireframes/sketches if you want to work on this project. This list/note will serve as your proposal to work on this project.

If you don't plan on working on this project, you can make suggestions or discuss improvements you think should be made to the Infragram UI in our project discussion issue publiclab/plots2#10754.

We appreciate your contributions to Public Lab. Thank you!

[janvi01]

Thanks, @TildaDares I am interested in this outreachy project.

[jywarren]

Hi, I appreciate the brainstorming! Would a full-screen layout, maybe like https://photopea.com/, help a lot? What do you think? It could be tough on mobile, but at least full-screen could help us organize things in a much more limited amount of space. How does photopea.com work on mobile... does it? Should we ensure our project does too?

[janvi01]

Hey @jywarren, definitely a full-screen layout would be better in my point of view.
Currently, we have to scroll up to work with tools in canvas in mobile view.

A full-screen ui along with toolbar and canvas on a single page (as seen on https://photopea.com/) will

• make user experience ease
• increase user efficiency
• organize things in limited space

if we want, we can make the toolbar a hidden vertical side drawer to get some extra space in mobile view.

I will attach a sketch that will depict these changes.

Thank you so much for appreciating.

[TildaDares]

Hi @janvi01, your proposal doesn't have to be in one issue only. If you'd like to spread it across several issues, that's fine but just make sure each issue you create is linked to a parent issue so that we can find all of the issues you've created for the project.

[janvi01]

Thanks for clearing it out, I will spread my ideas across several issues.