{"id": 1038547954, "node_id": "PR_kwDOBm6k_c495vvy", "number": 1794, "state": "closed", "locked": 0, "title": "fix word break in facets by adding ul.tight-bullets li word-break: break-all", "user": {"value": 128286, "label": "dmr"}, "body": "I noticed that long words break the layout of facets:\r\n\r\n![image](https://user-images.githubusercontent.com/128286/187013146-fb2bbb60-a225-441b-ba8e-b9e74fb04f93.png)\r\n\r\nSo I added CSS to add a line break. This is how the result looks now:\r\n\r\n![image](https://user-images.githubusercontent.com/128286/187013175-a706fc72-9e69-4a75-9bdf-bdaa34a0cf51.png)\r\n\r\nI don't know enough about facet edge cases to decide if this change might break other things but it looks better for me so maybe this is helpful.\r\n\r\n<!-- readthedocs-preview datasette start -->\r\n----\n:books: Documentation preview :books:: https://datasette--1794.org.readthedocs.build/en/1794/\n\r\n<!-- readthedocs-preview datasette end -->", "created_at": "2022-08-27T03:47:25Z", "updated_at": "2022-09-06T00:45:41Z", "closed_at": "2022-09-06T00:45:41Z", "merged_at": "2022-09-06T00:45:41Z", "merge_commit_sha": "c9d1943aede436fa3413fd49bc56335cbda4ad07", "assignee": null, "milestone": null, "draft": 0, "head": "3b8e005a5cf15e0639b460f7d2ab71790c9b4ef5", "base": "ba35105eee2d3ba620e4f230028a02b2e2571df2", "author_association": "CONTRIBUTOR", "repo": {"value": 107914493, "label": "datasette"}, "url": "https://github.com/simonw/datasette/pull/1794", "merged_by": null, "auto_merge": null}