モバイル表示でカテゴリ説明文をカテゴリロゴの隣に再配置

こんにちは

モバイル端末で Discourse を表示する際(モバイル表示が有効な場合)、カテゴリの説明が表示されません。以下の CSS ルールを追加して表示されるように変更しました。

.category-description {
    display: table-row !important;
}

ただし、説明がカテゴリのロゴの下に表示されてしまいます。説明をアイコンの右側に配置することは可能でしょうか?現在の位置(赤い枠)から、このスクリーンショットの青い枠の位置へ移動させたいと考えています。

よろしくお願いいたします。

CSSを2日間試行錯誤してきましたが、まだ手こずっています。私の理解では、モバイル表示ではカテゴリのロゴとカテゴリの説明がテーブル内に表示され、それぞれが異なる行に配置されています。したがって、上記の画像で説明している配置を技術的に実現することは可能でしょうか?私はCSSの専門家ではないので、別の日を無駄にする前にこれが可能かどうか教えていただければ幸いです。ありがとうございます!