Bard add set button overlaps content on small bard container #13270
Description
Bug description
The issue occurs when the width of the bard field/container is less than 32 rem. When smaller the bard field has reduced padding, see:
cms/resources/css/components/fieldtypes/bard.css
Lines 13 to 14 in 566eb8b
This issue could be resolved by adjusting the offsets for smaller screen:
How to reproduce
Use a Bard field with the + icon set to always visible while the bard container is smaller than 32rem
Logs
Environment
Environment
Application Name: x
Laravel Version: 10.48.28
PHP Version: 8.2.29
Composer Version: 2.9.2
Environment: local
Debug Mode: ENABLED
URL: x
Maintenance Mode: OFF
Cache
Config: NOT CACHED
Events: NOT CACHED
Routes: NOT CACHED
Views: CACHED
Drivers
Broadcasting: log
Cache: file
Database: mysql
Logs: stack / daily, flare
Mail: smtp
Queue: sync
Session: file
Statamic
Addons: 6
Sites: 4 (Nederlands, Duits, Engels, Pools)
Stache Watcher: Disabled
Static Caching: Disabled
Version: 5.48.0 PRO
Statamic Addons
aerni/advanced-seo: 2.10.2
aerni/font-awesome: 3.0.2
heidkaemper/statamic-toolbar: 1.3.0
jacksleight/statamic-bard-texstyle: 3.4.1
statamic-rad-pack/runway: 8.1.2
statamic/collaboration: 1.0.0Installation
Fresh statamic/statamic site via CLI
Additional details
No response