@Agus_Widi Hi!
I guess, they are working on it.
Here you can see it will get a bit larger:
main ← ds/pm-16102/badge-width
opened 07:26PM - 20 Dec 24 UTC
## 🎟️ Tracking
[PM-16102](https://bitwarden.atlassian.net/browse/PM-16102)
…
## 📔 Objective
This PR adds a min-width of 2.5rem to interactive badges -- `button` and `a` elements. This will make it easier to click a button that would otherwise have a smaller click box.
## 📸 Screenshots
| Before | After |
|--------|--------|
|  |  |
## ⏰ Reminders before review
- Contributor guidelines followed
- All formatters and local linters executed and passed
- Written new unit and / or integration tests where applicable
- Protected functional changes with optionality (feature flags)
- Used internationalization (i18n) for all UI strings
- CI builds passed
- Communicated to DevOps any deployment requirements
- Updated any necessary documentation (Confluence, contributing docs) or informed the documentation team
## 🦮 Reviewer guidelines
- 👍 (`:+1:`) or similar for great changes
- 📝 (`:memo:`) or ℹ️ (`:information_source:`) for notes or general info
- ❓ (`:question:`) for questions
- 🤔 (`:thinking:`) or 💭 (`:thought_balloon:`) for more open inquiry that's not quite a confirmed issue and could potentially benefit from discussion
- 🎨 (`:art:`) for suggestions / improvements
- ❌ (`:x:`) or ⚠️ (`:warning:`) for more significant problems or concerns needing attention
- 🌱 (`:seedling:`) or ♻️ (`:recycle:`) for future improvements or indications of technical debt
- ⛏ (`:pick:`) for minor or nitpick changes
[PM-16102]: https://bitwarden.atlassian.net/browse/PM-16102?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
And here you can see the clickable area around it will get larger also:
main ← ds/pm-16102/item-action-click-space
opened 08:48PM - 17 Dec 24 UTC
## 🎟️ Tracking
[PM-16102](https://bitwarden.atlassian.net/browse/PM-16102)
…
## 📔 Objective
This PR increases the clickable area for each trailing `bit-item` action button so that the buttons are more accessible. To do so, we had to make a modification to the `bit-badge` (`:before` does not work when you have `overflow:hidden`, so we needed to move that property to an interior layer of badge), which necessitated changing it from a directive to a component. This should not affect any usages of the badge.
## 📸 Screenshots
Before:
https://github.com/user-attachments/assets/a59e5f00-e3cf-46d2-97f7-5d896de51eb0
After:
https://github.com/user-attachments/assets/91f0868d-32c6-48a6-a261-8e39278c5ad5
## ⏰ Reminders before review
- Contributor guidelines followed
- All formatters and local linters executed and passed
- Written new unit and / or integration tests where applicable
- Protected functional changes with optionality (feature flags)
- Used internationalization (i18n) for all UI strings
- CI builds passed
- Communicated to DevOps any deployment requirements
- Updated any necessary documentation (Confluence, contributing docs) or informed the documentation team
## 🦮 Reviewer guidelines
- 👍 (`:+1:`) or similar for great changes
- 📝 (`:memo:`) or ℹ️ (`:information_source:`) for notes or general info
- ❓ (`:question:`) for questions
- 🤔 (`:thinking:`) or 💭 (`:thought_balloon:`) for more open inquiry that's not quite a confirmed issue and could potentially benefit from discussion
- 🎨 (`:art:`) for suggestions / improvements
- ❌ (`:x:`) or ⚠️ (`:warning:`) for more significant problems or concerns needing attention
- 🌱 (`:seedling:`) or ♻️ (`:recycle:`) for future improvements or indications of technical debt
- ⛏ (`:pick:`) for minor or nitpick changes
[PM-16102]: https://bitwarden.atlassian.net/browse/PM-16102?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ
Besides that, here is an idea how the auto-fill button could be changed again: Usability issues (UX) in redesigned UI (2024.12.0) - #346 by Nail1684
PS: I guess, with the current “fill button”, mainly the (translated) language decides, how wide the fill button is. → Example: English → Fill / German → “Ausfüllen”. The German fill button is wider than the English fill button. (and I’m not sure, that is an ideal solution…)