UIU-2938: Permission sets detail record view: Description text marked…

… as heading (#2840)

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)

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>

src/settings/permissions/PermissionSetForm.css

@@ -1,3 +1,7 @@
 .permSetForm {
   height: 100%;
 }
+
+.heading{
+  font-size: 1.05rem;
+}