Improve layout of Chant Search, Chant Search MS views

[jacobdgm]

This PR improves the layout of the Chant Search and Chant Search Manuscript views. It is a first step towards setting up #843 (I had started to work on implementing a "search indexing notes" field, and the page began to look quite terrible - in an attempt to make PRs that aren't enormous, this PR is a first step towards implementing the latter feature, where we can just take everything above "Office/Mass" and duplicate/adapt it below "Melodies" for the new field.)

It fixes #846.

Previously, the "Contains"/"Starts with" box was just as large as the "Keyword search" field, which was tripping up testers:

This PR makes the "Contains" box smaller.

The fields beneath this row have also been rearranged (bootstrap deals with 12 columns, but there were 7 items equally spaced on the lower line - without this rearrangement, nothing would align visually):

Also, previously, when the window became somewhat narrow, every field would go onto its own line:

Now, when the window becomes somewhat narrow, the fields pair up, which looks a bit neater:

And now, the fields take up full lines only when the window becomes very narrow. When this happens, the "Contains" box stays smaller than the "Keyword" field:

[lucasmarchd01]

This might be too nit-picky, but the text "keyword search" is ever so slightly higher above the widget than the other fields.

[jacobdgm]

This might be too nit-picky, but the text "keyword search" is ever so slightly higher above the widget than the other fields.

Nice catch, and yes, I noticed this too - I think it also starts a tiny bit further left than the other labels. Both of these are because it's on a different row (this is to make sure it stays on its own line when the window gets really narrow). Maybe a front-end wizard can clean this up at some point, but for now, it's probably good enough.