Increase Spacing Between Delete and Share Buttons in Files App
- /e/ version: 3.0-t
- Device model(s): ~beyond2lte
## Summary
<!-- Summarize the improvement briefly and precisely -->
In the Files app, the `Delete` and `Share` buttons are placed too close to each other on the top action bar, increasing the risk of accidental taps.
## Description
**What is the current behavior?**
<!-- What actually happens -->
When a file is selected, the `Delete` and `Share` icons appear adjacent to each other in the top-right corner. Due to their proximity, it is easy to accidentally tap `Share` when intending to delete, or vice versa. This proximity is especially risky on higher resolution screens or during one-handed use.
**What is the improved behavior?**
<!-- What you should see instead -->
Introduce more spacing between the `Delete` and `Share` buttons.
Optionally add a separator or rearrange the layout so the most destructive action (`Delete`) is visually isolated.
**What does it bring?**
<!-- Why this improvement is needed -->
- Prevents accidental deletion of files. Accidental sharing needs more steps to accomplish, thou
- Reduces user hesitation and improves trust in the UI.
- Enhances overall UX and accessibility.
## Mock-ups
<!-- Provide a mock-up of how it would look with the improvement -->
## Examples
<!-- Give the example of what users will be able to accomplish with the improvement -->
- User selects multiple files to delete but fears triggering the share feature.
- User avoids using the delete function due to risk of accidentally initiating a file share.
## Validation
<!-- List test case that will be run to validate that the issue is working as expected -->
- Select one or more files in the Files app.
- Confirm that the `Delete` and `Share` buttons are now spaced further apart.
- Ensure both buttons still function correctly and are easily tappable.
<!-- Add the labels corresponding to your issue by adding a tilde and typing the name of the label you think apply to your issue in the line above. You need to type a tilde before the name of each label you want to apply to the issue. -->
issue