主题内容对于非常短的文本没有占据全部宽度

[fangjue (方觉)]

优先级/严重性: 中等

平台: 移动设备，任何操作系统/浏览器

描述: 如果一个主题只包含适应屏幕宽度一部分的短文本，主题内容框不会占据全部宽度，右侧会留有空白。

拉取请求 (Pull request): Fix grid in topic.scss of horizon theme on mobile by fangjue · Pull Request #37604 · discourse/discourse · GitHub

重现步骤:

1. 创建一个带有简短标题和内容的新主题。例如：
   Test short topic
   Very short body text.
2. 在比正文文本更宽的移动屏幕上打开该主题。在此示例中，是在 Chrome 开发者工具中用 Pixel 7 的尺寸模拟的。
3. 主题内容没有像其他会换行的较长主题那样占据全部宽度。屏幕右侧有意外的额外空间。此外，按钮也未与页面上的其他元素正确对齐。
4. 如果发布了较长的回复，布局会恢复正常。

正文内容非常短时的错误布局：

请注意，帖子时间、按钮和进度与下方蓝色主题回复按钮的右侧未对齐。

发布较长回复后，布局恢复正常：

（由于错误“抱歉，新用户只能在一个帖子中嵌入一个媒体项”，将在下一个回复中上传。）

[fangjue (方觉)]

预期布局（以及发布较长回复后的布局）：

[awesomerobot (Kris)]

感谢您的报告和拉取请求！我能够重现此问题，并已验证修复有效。此更改将很快合并并在 Discourse 更新中提供。