Layout option while using Notes on a wider screen (like a desktop)

[taziobaker]

Is your feature request related to a problem? Please describe. When writing on Notes from a desktop, the screen has 5 columns:

1. the Category column (which can be hidden),
2. the Notes list,
3. an empty column,
4. the writing area, and
5. another empty column.

Describe the solution you'd like Adding a Layout section in the settings where one could set:

1. the option to hide or collapse the list column
2. the two empty columns width or complete removal when accessing from desktop or at a certain screen width

Describe alternatives you've considered None

Additional context Current layout: Current layout with category column collapsed: Placing the "+ New note above the Notes list: Ideal layout maxed out writing area:

[Pecacheu]

I just came here to comment about this lol. Yeah, don't want all this extra wasted space in the layout, it's really ugly, that's really the only complaint I have about the Notes app, aside from maybe the lack of background color options or a 'card' layout like Google Keep Notes has.

Using a CSS Injector for testing purposes, I found that the following is the easiest way to fix the problem:

.note-container { padding:0 !important; }
.note-editor { max-width:none !important; }

Currently looking into if it's possible to customize CSS in Nextcloud, since I've never needed to do so before.

Edit: I found this plugin, it seems to work! You need to go to Settings -> Theming -> Custom CSS to use it.

[58legend]

I use a 2k screen. The writing area is really small. Approximately 25% of the screen width