短いテキストではトピックコンテンツが全幅を使用しない

[fangjue (方觉)]

優先度/深刻度: 中

プラットフォーム: モバイル、任意のOS/ブラウザ

説明: トピックが画面幅の一部に収まる短いテキストのみを含む場合、トピックコンテンツボックスが全幅を取らず、右側に空白が残ります。

プルリクエスト: 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 DevToolsでPixel 7の寸法をエミュレートしています。
3. トピックコンテンツは、改行される他の長いトピックのように全幅を取らず、画面の右側に予期せぬ余分なスペースができます。また、ボタンもページ上の他の要素と正しく整列されていません。
4. 長い返信が投稿されると、レイアウトは正常になります。

非常に短いトピックコンテンツでの間違ったレイアウト：

投稿時間、ボタン、進捗状況が、下の青いトピック返信ボタンと右揃えになっていないことに注意してください。

長い返信が投稿された後の正常なレイアウト：

（エラーのため次の返信でアップロードします：エラーが発生しました：申し訳ありませんが、新規ユーザーは投稿に1つの埋め込みメディアアイテムしか含めることができません。）

[fangjue (方觉)]

期待されるレイアウト（および長い返信が投稿された後のレイアウト）：

[awesomerobot (Kris)]

レポートとプルリクエストありがとうございます！問題を再現でき、修正が機能することを確認しました。これはすぐにマージされ、Discourseのアップデートで利用可能になります。