Remove all utility classes, redesigned `.filter_form`

[jrubenoff]

Remove all utility classes from shame.scss.

This task involved creating a more streamlined look for .filter_form:

There are also a few minor styling fixes and additions, like left-aligning dropdown text within .sidebar_sub_actions.)

[ajb]

Nice, glad that we're finally getting this done.

Added some comments inline. Also:

[jrubenoff]

I don't think we need to add a max-width to .filter_form. We might want full- or half-width search bars, for instance, depending on the needs of the app.

Addressed all of your comments, save for the .sidebar_box thing.

[ajb]

Not sure where to put this comment, but I'm not totally satisfied with the new filter form design when there are multiple inputs, like in https://github.com/dobtco/platform/pull/497.

Here's another example from Autodrip:

What do you think of redesigning https://github.com/dobtco/platform/pull/497 so all the inputs fit on one line?

[jrubenoff]

It's not really the same component. My main priority there was to avoid writing a ton of .filter_form style overrides for something users will never see. FWIW, I like how it visually separates the filters from the primary input. Helpful on the DOBT admin orgs page, to distinguish the selectize from the selects.

But I also don't really care. We could convert all of them to .dropdown_rows if you want:

[ajb]

What do you mean by dropdown_rows?

[ajb]

Ah, nm, I see in https://github.com/dobtco/platform/pull/497/files

[ajb]

:+1: :+1: :+1:

[ajb]

We're redesigning the "Your plan" page so this doesn't really matter, but here's what this change did to it:

How can we be sure this bug wasn't triggered elsewhere?

[jrubenoff]

This is desired behavior... the input should take up the full content area unless we tell it otherwise.

It looks a little weird on the Your plan page, but that's because that page's layout is rough in the first place. Hence dobtco/screendoor-v2#3289