From 16955d5dc49d99f8cf578a1222000a48b65d9443 Mon Sep 17 00:00:00 2001
From: David Battersby <info@davidbattersby.com>
Date: Thu, 10 Jul 2025 19:56:54 +0400
Subject: [PATCH] UX: edit category description layout fix (#33565)

The `form-kit` container subtitle doesn't play well with the category
description. The issue experienced appears to be due to the flex
direction.

Since we can only update the category description from the topic and not
within the edit category page, I have moved the description to a
read-only span which follows a similar pattern that we use on other
forms.
---
 .../discourse/app/components/edit-category-general.gjs        | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/discourse/app/components/edit-category-general.gjs b/app/assets/javascripts/discourse/app/components/edit-category-general.gjs
index 8a9df98665b..f83194bbb73 100644
--- a/app/assets/javascripts/discourse/app/components/edit-category-general.gjs
+++ b/app/assets/javascripts/discourse/app/components/edit-category-general.gjs
@@ -258,8 +258,10 @@ export default class EditCategoryGeneral extends Component {
 
       {{#if this.showDescription}}
         <@form.Section @title={{i18n "category.description"}}>
+          <span class="readonly-field">{{this.categoryDescription}}</span>
+
           {{#if @category.topic_url}}
-            <@form.Container @subtitle={{this.categoryDescription}}>
+            <@form.Container>
               <@form.Button
                 @action={{this.showCategoryTopic}}
                 @icon="pencil"