Move the bug report/suggestion form scroll bar closer to the edge on desktop

laiz

What does your feature entail?

As can be seen in the picture above, the report form's scroll bar has a large amount of padding to the right of it which moves it too close to the checkboxes and Orion version text field. It is particularly overwhelming in the latter section:

Suggestion: move the scroll bar closer to the edge of the report form and add the padding to the left of the scroll bar.

What are the exact ways that you see a user using your proposed feature?
This change would provide us with a more aesthetically pleasing report form which would in turn match the polish users have come to expect from Kagi and Orion.

ForumNinja404

I made some changes that only affect desktop. Scrollbar placement is handled differently on desktop than it is on mobile, so on mobile this is not an issue. By adding padding to a couple of elements, I was able to move the scrollbar closer to the edge.

Here is the modified css:

@media (min-width: 768px) {
    .CustomComposerModal .Modal-body {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        flex-grow: 1;
        padding: 30px 10px 20px 20px; /*Added*/
    }
}

@media (min-width: 768px) {
    .CustomComposer, .CustomBasicComposer, .CustomFormsComposer {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        flex-grow: 1;
        padding-right: 30px; /*Added*/
    }
}

And here are the results: