FileUpload: buttons missing spaces on mobile

[dalenguyen]

Describe the bug

There is no spaces for buttons on mobile.

Environment

Production

Reproducer

https://primeng.org/fileupload#advanced

Angular version

18.0.0

PrimeNG version

17.8.1

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.0.0

Browser(s)

No response

Steps to reproduce the behavior

1. Go to https://primeng.org/fileupload#advanced
2. View it on mobile

Expected behavior

There're should be spaces for buttons on mobile

[snehithssv]

So a simple adding margin should do the work?? @dalenguyen, is this the desired output??

[cetincakiroglu]

Hi,

Thanks for reporting the issue but we don't add margins manually to the component.css file. All of them are generated from primeng-sass-theme repo depending on the variables of themes. Also, we're implementing a new theming engine and all the styling will be revised, probably this issue will be solved during this process.

Also instead of adding a margin, you can use header template and do whatever you want.

[cetincakiroglu]

Fixed in v18.0.0-beta.1