Created by: jendowns
Partially addresses #950 (closed)
Hey there! I noticed the Safari flexbox bug for summary elements is affecting the checklist page and also the table of contents, where elements (icon + text) that are meant to be flexed side-by-side are stacked:
| Checklist | TOC |
|---|---|
 |
 |
My understanding of this bug is that the summary element cannot be a flex container in Safari. To get around this, I have added a child span to the summary elements, and I have moved the flexbox styles to that span.
I called the span "summary-inner" but please let me know if you'd like for me to rename it. Thank you!