Update MUR search results display

[patphongs]

Summary

• Resolves Update results display for MUR search  #5255

Update MUR search results display with:

• election cycle
• disposition
• subject
• document name
• document links
• document type
• removed ellipses
• force all-caps for committee name

Required reviewers

1 front-end and 1 UX

Impacted areas of the application

General components of the application that this PR will affect:

• MUR search results (http://127.0.0.1:8000/data/legal/search/murs/)

Screenshots

How to test

• Checkout this branch
• npm run build-sass
• Go to the MUR search page: http://127.0.0.1:8000/data/legal/search/murs/
• Perform a keyword search. Ex: http://127.0.0.1:8000/data/legal/search/murs/?search_type=murs&search=spending
• Check to see if the results match what's in the design within this epic.

[JonellaCulmer]

[patphongs]

@JonellaCulmer I updated the search results display as discussed:

• Change matches column name to "Case details and documents"
• Seperate MUR case name into new column
• Seperate MUR number into new column
• Increase spacing between docs
• Add dividing line between Disposition and Documents
• Move + icon to the left
• Make it "# more matches" or "1 more match"
• Remove white space between document name and icon
• Remove extra border line to the left of the accordion button

[JonellaCulmer]

@patphongs Here are my followup comments:

[patphongs]

@JonellaCulmer Thanks for your follow-up comments. I have tightened up the spacing in the 3 areas that you spotted above. Please take a look to see if that's better.

[codecov-commenter]

Codecov Report

Merging #5319 (024c3cc) into develop (5a12777) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff            @@
##           develop    #5319   +/-   ##
========================================
  Coverage    75.07%   75.07%           
========================================
  Files          125      125           
  Lines         8131     8131           
  Branches       648      648           
========================================
  Hits          6104     6104           
  Misses        2027     2027           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5a12777...024c3cc. Read the comment docs.

[rfultz]

Is it a big deal that the left margin/padding is tight on the smallest width? (Left side of "MUR" and the name) Or is that just part of the general issue across the site?

[rfultz]

.cell-15 is too narrow at the medium widths

Adding something like

.simple-table__cell:nth-child(2) {
  word-break: break-word;
}

would do this

[patphongs]

too narrow at the medium widths

@rfultz Thanks for the suggestion! I've added the word break for medium widths.

left margin/padding is tight on the smallest width

I think this is an artifact of all of our datatables. There's a 1 rem padding. If we update the padding for the tables, we should do it for all. But I don't want to do it within this PR, we can think about that in a separate one.

[JonellaCulmer]

Looks great, thanks for everything, Pat!