Option to reorder elements

[pointydev]

Hey there,

First of all, thanks for making this stylesheet, it's made my transition from Chrome much smoother. <3

I'd like to suggest an option to reorder the elements of the findbar using order (considering they're already in a flexbox), specifically putting the .findbar-label output before the textbox in order to stop user inputs from being bounced around while typing.

Thanks, Elliott

[pointydev]

Some modifications I've made, just plastered at the end of your CSS, feel free to use as you see fit:

/* Reorder findbar elements to prevent bouncing while typing */
findbar checkbox {
    order: 0;
}
findbar checkbox:last-of-type {
    margin-inline-end: 4px!important;
}
findbar .findbar-label {
    order: 1;
    margin-inline-start: 4px!important;
    margin-inline-end: 4px!important;
}
findbar [anonid="findbar-textbox-wrapper"] {
    order: 2;
    margin-inline-start: 4px!important;
}

/* Hide search modifiers when not hovering */
findbar:not(:hover) checkbox {
    display: none;
}

[ravindUwU]

Hi Elliott, thanks 😄! I noticed this issue yesterday, but couldn't get around to implementing anything just yet. I hope to have a look at this within the week ✌️.