Customizing Tropy's UI Styles

Hacks
8

Hello,

Could you help me increase even further the amount of space I have inside the note-pad? I’d like to decrease the minimum width of the panel-group and the horizontal and vertical padding of the prose-mirror-container.

FYI, I’m already using a custom stylesheet with the following contents:

.ProseMirror,
.editor .placeholder {
font-size: 17px;
}

.horizontal .prose-mirror-container,
.horizontal.numbers .prose-mirror-container,
.horizontal .editor .placeholder {
max-width: none;
}

.horizontal .prose-mirror-container,
.horizontal .editor .placeholder {
width: 90%;
}

.horizontal.no-wrap .prose-mirror-container {
padding: 0 5%;
}

.vertical-rl .prose-mirror-container,
.vertical-rl.numbers .prose-mirror-container,
.vertical-rl .editor .placeholder {
max-height: none;
}

.vertical-rl .prose-mirror-container,
.vertical-rl .editor .placeholder {
height: 90%;
}

.vertical-rl.no-wrap .prose-mirror-container {
padding: 5% 0;
}