NEW DESIGN: products not aligned on first row and last row of lists of products

[stephanegigandet]

https://world.openfoodfacts.dev/

The first products of the first row are slightly off:

In the last row, if we have less products than the previous row, it would be good to have them aligned with the previous row:

[eeshaanSA]

Would like to take this up. @stephanegigandet

[stephanegigandet]

@eeshaanSA : thank you!

Corresponding code: https://github.com/openfoodfacts/openfoodfacts-server/blob/redesign2/templates/web/pages/product/product_page.tt.html

• the SCSS code in /scss/

• JS code in /html/js/product-search.js

[jainshubham766]

I would like to resolve this issue, under hacktoberfeast.
Please assign

[stephanegigandet]

I would like to resolve this issue, under hacktoberfeast.
Please assign

@jainshubham766 Thanks, I assigned the issue to you.

[jainshubham766]

@stephanegigandet Can u please specify the file to target? I will help me to resolve fast. Please share how I can run this project locally and debug it.

[stephanegigandet]

@jainshubham766 you can set up the project locally in docker: https://github.com/openfoodfacts/openfoodfacts-server/blob/main/docs/introduction/dev-environment-quick-start-guide.md

The relevant files:

/scss/*.scss
/html/js/product-search.js

[github-actions]

This issue has been open 90 days with no activity. Can you give it a little love by linking it to a parent issue, adding relevant labels and projets, creating a mockup if applicable, adding code pointers from https://github.com/openfoodfacts/openfoodfacts-server/blob/main/.github/labeler.yml, giving it a priority, editing the original issue to have a more comprehensive description… Thank you very much for your contribution to 🍊 Open Food Facts