Change design of `/staff/pets` view to match `/staff/manage_fosters`

[mononoken]

Pending

#547

Description

We have ended up with two different designs for pages that index collections with a filter. We would like to unify them in one design by changing the design of /staff/pets to match the others.

Some notable differences:

1. manage_fosters design puts the content in a bootstrap container class which is limiting how wide it will expand. pets expands to full viewport width no matter how large screen width gets.
2. manage_fosters design places the filter content in a white rounded rectangle
3. manage_fosters desktop design places the buttons below the inputs while pets spreads them away from inputs.
4. manage_fosters design has inputs equal width and they expand to container width. pets they have fixed widths for form inputs, and they wrap.

The tables themselves are also different, but in these cases that is intentional, and I think they can remain unchanged for now.

One thing that is nice that we want to keep is:

1. "Search" button and "clear filters" for mobile views in pets design expand full width.

Let's go ahead and apply that button styling to manage_fosters index and adopter_applications_review index.

If there are any differences that are unclear to you, please feel free to ask for clarification here or on slack.

Acceptance Criteria

• Refactor app/views/organizations/staff/pets/index.html.erb to match the app/views/organizations/staff/manage_fosters/index.html.erb layout
• Apply mobile button sizing of search button and clear filter to:
  • app/views/organizations/staff/manage_fosters/index.html.erb
  • app/views/organizations/staff/adoption_application_reviews/index.html.erb

[sparshalc]

Hey! @mononoken ,Can I work on this one?

[jmilljr24]

@sparshalc Hey! Thanks for taking a look at this issue. It's a bit outdated and hasn't been updated.

If you are interested, can you take a look and check to see what is still relevant with the issue and if you come across any other discrepancies?

I'd suggest posting here with your intents with changes (in simple terms) of your suggestions before opening a PR, that way we can give feedback on the direct that's best.

If you are still interested let me know and I'll assign you.