Previously the expandable checkboxes were { display: none; } which made
them impossible to focus via the keyboard. Here we change it to {
opacity: 0; position: absolute; }, so it becomes keyboard-focusable.
Then we add an outline to the <label> when the checkbox is focused so
users could visually identify that the checkbox has been focused.
Some browsers (chromium and webkit ones, it seems) don't break lines
when they encounter a long token without spaces, such as long URLs. This
causes the hbox to be overfull and it'll start scrolling which is
annoying.