Website CSS issue when HN post contains preformatted code

[hongshaoyang]

1. Search for this story Show HN: HN Avatars in 357 bytes on HN search desktop using Firefox
2. Scroll to the right
3. Preformatted code doesn't wrap properly:

suggested solution

• the Story_data class is a flexbox that is taking taking up width when a code, pre node is present. set a maxwidth on Story_data
• Set code, pre to overflow: scroll

.Story_data {
  flex: auto;
  max-width: 50%;
}

code, pre {
  overflow: scroll;
}

.experimental .Story_share {
  /* flex: 1 1; */
  flex: 140px;
}