From 7d0fc72cae9a18bc6633662db672f6722c4149ed Mon Sep 17 00:00:00 2001
From: UladzislauKutarkin
 <72550466+UladzislauKutarkin@users.noreply.github.com>
Date: Wed, 22 Jan 2025 21:33:16 +0400
Subject: [PATCH] UIU-2938: Permission sets detail record view: Description
 text marked as heading (#2840)

---
 CHANGELOG.md                                     |  1 +
 src/settings/permissions/PermissionSetDetails.js | 11 +++++++----
 src/settings/permissions/PermissionSetForm.css   |  4 ++++
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index fca290149..61986c0ef 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,6 +16,7 @@
 [Full Changelog](https://github.com/folio-org/ui-users/compare/v11.0.10...v11.0.11)
 
 * Rename permission after BE changes. Refs UIU-3309.
+* Permission sets detail record view: Description text marked as heading. Refs UIU-2938.
 
 ## [11.0.10](https://github.com/folio-org/ui-users/tree/v11.0.10) (2025-01-10)
 [Full Changelog](https://github.com/folio-org/ui-users/compare/v11.0.9...v11.0.10)
diff --git a/src/settings/permissions/PermissionSetDetails.js b/src/settings/permissions/PermissionSetDetails.js
index 676388c49..afd72df3b 100644
--- a/src/settings/permissions/PermissionSetDetails.js
+++ b/src/settings/permissions/PermissionSetDetails.js
@@ -16,6 +16,7 @@ import { ViewMetaData } from '@folio/stripes/smart-components';
 
 import RenderPermissions from '../../components/RenderPermissions';
 import AssignedUsers from '../../components/AssignedUsers';
+import css from './PermissionSetForm.css';
 
 class PermissionSetDetails extends React.Component {
   static propTypes = {
@@ -104,10 +105,12 @@ class PermissionSetDetails extends React.Component {
                   label={<FormattedMessage id="ui-users.permissions.permissionSetName" />}
                   value={_.get(selectedSet, ['displayName'], untitledPermissionSetMessage)}
                 />
-                <KeyValue
-                  label={<FormattedMessage id="ui-users.description" />}
-                  value={_.get(selectedSet, ['description'], '-')}
-                />
+                <Headline tag="h3" margin="xx-small" className={css.heading}>
+                  <FormattedMessage id="ui-users.description" />
+                </Headline>
+                <div>
+                  {_.get(selectedSet, ['description'], '-')}
+                </div>
               </section>
             </Col>
           </Row>
diff --git a/src/settings/permissions/PermissionSetForm.css b/src/settings/permissions/PermissionSetForm.css
index 31428a754..3e223ff97 100644
--- a/src/settings/permissions/PermissionSetForm.css
+++ b/src/settings/permissions/PermissionSetForm.css
@@ -1,3 +1,7 @@
 .permSetForm {
   height: 100%;
 }
+
+.heading{
+  font-size: 1.05rem;
+}