Visual issues on the new product page (mobile)

[kpodemski]

Prerequisites

• I understand and accept the project's code of conduct.
• I have already searched in existing issues and found no previous report of this bug.

Describe the bug and add attachments

There are a few issues on mobile worth checking.

0. Save and publish display problem.
   https://capture.dropbox.com/sNn0AT3eOBRYcCzN

1. Three dots icon is not aligned correctly.
   https://capture.dropbox.com/b3owdasT9xJwIskM

2. We could use a little more spacing there.
   https://capture.dropbox.com/xugYktCr23hUE0En

3. Features are displayed in a very confusing way.
   https://capture.dropbox.com/99WqNlcGRvUq9eev

4. Problems with "Add new file" popup.
   https://capture.dropbox.com/ZLJ0vVA1ETZz2eB3

5. Customizable product. Problems with spacing and alignment.
   https://capture.dropbox.com/Wwtlef6xog066k7m

6. It is impossible to edit the stock on a mobile device.
   https://capture.dropbox.com/dtjVuCfDQeHZ7mUN

7. Alignment problem.
   https://capture.dropbox.com/Mw8BgK2GNY9XYWXw

8. Incorrectly displayed prices.
   https://capture.dropbox.com/xu2plzoqvpek5GFZ

9. Cost price displayed incorrectly (I'm aware that it's a tricky element to display, maybe a responsive table would be better).
   https://capture.dropbox.com/kHk2MsytitYtfaO4

Expected behavior

No response

Steps to reproduce

Visit the new product page, and places that you see on the screenshots.

PrestaShop version(s) where the bug happened

8.1.0

PHP version(s) where the bug happened

7.4

If your bug is related to a module, specify its name and its version

No response

Your company or customer's name goes here (if applicable).

No response

[AureRita]

Hi @kpodemski

Thank you for your report, I reproduced some of them :

We could use a little more spacing there.

For the number four,with add new file, I've a "had new file ception" as you can see :

Untitled_.Apr.20.2023.5_01.PM.webm

and I have your issue

Customizable product. Problems with spacing and alignment.

For the number six, you currently can add stocks but it's a little be hidden :

Untitled_.Apr.20.2023.5_09.PM.webm

Alignment problem.

Incorrectly displayed prices.

---

But with some of them I didn't reproduce it,
Did you do a hard refresh on the page with mobile system ?

as you can see :

Save and publish display problem.

Three dots icon is not aligned correctly.

Features are displayed in a very confusing way.

Cost price displayed incorrectly (I'm aware that it's a tricky element to display, maybe a responsive table would be better).

---

Some of these issue can be directly corrected, but some of them (like the button placement) should be checked by PM

Thank you

[ElodieOS]

Hello @kpodemski,

Like @AureRita said, some of issues can be directly corrected and I am agree with these propositions.

For the 8: "incorrectly display prices", we already have an issue which is resolved (for UX phase): #34675

I made mockup for 5 and 6 and I add the mockup for the 8

Wdyt?

[mattgoud]

I'm watching

[mattgoud]

For number 4, I created a separate issue : #35765