Expanded table view missing padding on <td> elements

AI-generated summary

A minor issue has been reported with the “Expanded Table” view, where <td> elements lack padding, making it difficult to distinguish between cells when contents are wider than column headings. simonk provided an example to illustrate the issue. ella responded by sharing an image with added spacing between <td> elements and linked to a GitHub pull request (#26037) to address the issue.

This is a very minor issue, but the “Expanded Table” view has cell padding on the <th> elements but not the <td> elements. This means that if the cell contents are wider than the column headings, it becomes impossible to tell where the cells start and end. For example:

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12 11.12
22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12 22.12
33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12 33.12

If you click the “Expand Table” button, you’ll see something like this:

2 Likes

Thanks for noting this!

Here’s with more spacing between <td> elements

https://github.com/discourse/discourse/pull/26037

4 Likes