Drag handle results in narrow editing width

[mejo-]

Describe the bug
The drag handle adds a padding of 60px left and right to the text editor, effectively resulting in 120px less editing width (which is ~15% of the full editing width).

Expected behavior
My suggestion would be the following:

1. Move the drag handle to a container outside the editor on wide screens, using extra available space if available, just like we do for the assistant icon, the smart picker icon and so on.
2. Just add space on the left side as the drag handle is always on the left. No need to add padding or extra white space on the right side.
3. On narrow screens, make the space taken from the editor as narrow as possible (i.e. 34px), so as few horizontal space as possible is taken from the editing area.

@marcoambrosini what do you think?

Cc @JuliaKirschenheuter

Screenshots

Server details:

• Nextcloud version: 32

[JuliaKirschenheuter]

@marcoambrosini for now i would prefere just to remove the space around - it is not clear for user how to deal with it. After NC32 we can think about good usable friendly solution which is also visible and clear how to use. What do you think?

[marcoambrosini]

@JuliaKirschenheuter tested your suggestion and it results in those buttons on the left hiding or partially hiding on small screens. It does not look good

On narrow screens, make the space taken from the editor as narrow as possible (i.e. 34px), so as few horizontal space as possible is taken from the editing area.

@mejo- we also have the preview settings there, so it would have to be 64px

[marcoambrosini]

Also the drag handle is unusable if padding is removed because the moment you try to reach for it, you're out of the boundaries of the container and it disappears. We'd have likely same result if we

Move the drag handle to a container outside the editor on wide screens

Screen.Recording.2025-09-17.at.11.40.03.mov

[marcoambrosini]

Did some tests and I don't have a good quick solution to this. A way to mitigate this is the solution @mejo- proposes in point 2:

Just add space on the left side as the drag handle is always on the left. No need to add padding or extra white space on the right side.

[JuliaKirschenheuter]

Thanks @mejo- ;)