tree 05c10a0d11c1f2b91cbe4c3387ef1041b30850f5
parent a2970bdcff5328a92aebf5acba269f3b66eaac1a
author Primiano Tucci <primiano@google.com> 1579001459 +0000
committer Primiano Tucci <primiano@google.com> 1579001495 +0000

UI: CSS/Layout fixes on the recording page

1) Layout issues when ticking any chrome toggle:
  The problem here is that when any Chrome option is
  enabled, the corresponding config snippet contains a
  very long line without any space, that causes the
  instructions page to have a very large width. By doing
  do it screws up the grid layout:
  https://screenshot.googleplex.com/9xpAEKY1PrB
  https://screenshot.googleplex.com/afsiC5k6V9c
  Solution: use pre-wrap + break-word.

2) Layout issues in the select box:
  A very subtle width:auto in the multi-select elements
  was causing the whole record-container grid layout to
  not respect its proportions.
  Before: https://screenshot.googleplex.com/2CGTOZJSDHf
  After: https://screenshot.googleplex.com/q4QvgxzRtj9

Test: manual
Change-Id: I18ab54e4b86940aca916a22fb169e051709355da