diff --git a/CHANGELOG.md b/CHANGELOG.md index 52bd0fe..cf31163 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,7 +1,7 @@ # Change history for ui-requests-mediated ## 2.1.0 (IN PROGRESS) - +* Make "Enter" buttons shorter using default styles. Refs UIREQMED-71. ## [2.0.1] (https://github.com/folio-org/ui-requests-mediated/tree/v2.0.1) (2024-12-06) [Full Changelog](https://github.com/folio-org/ui-requests-mediated/compare/v2.0.0...v2.0.1) diff --git a/src/components/MediatedRequestsActivities/components/InstanceInformation/InstanceInformation.css b/src/components/MediatedRequestsActivities/components/InstanceInformation/InstanceInformation.css new file mode 100644 index 0000000..69a4745 --- /dev/null +++ b/src/components/MediatedRequestsActivities/components/InstanceInformation/InstanceInformation.css @@ -0,0 +1,8 @@ +.fieldWrapper { + display: flex; + align-items: start; +} + +.instanceHridField { + margin-right: 20px; +} diff --git a/src/components/MediatedRequestsActivities/components/InstanceInformation/InstanceInformation.js b/src/components/MediatedRequestsActivities/components/InstanceInformation/InstanceInformation.js index a042d3d..febf004 100644 --- a/src/components/MediatedRequestsActivities/components/InstanceInformation/InstanceInformation.js +++ b/src/components/MediatedRequestsActivities/components/InstanceInformation/InstanceInformation.js @@ -25,6 +25,8 @@ import { import TitleInformation from '../TitleInformation'; import { memoizeValidation } from '../../../../utils'; +import css from './InstanceInformation.css'; + export const INSTANCE_SEGMENT_FOR_PLUGIN = 'instances'; class InstanceInformation extends Component { @@ -210,7 +212,10 @@ class InstanceInformation extends Component { - + {placeholder => { const key = values.keyOfInstanceIdField ?? 0; @@ -239,6 +244,7 @@ class InstanceInformation extends Component { onBlur={this.handleBlur(input)} onKeyDown={this.onKeyDown} disabled={!isEditPermission} + className={css.instanceHridField} /> ); }} @@ -246,13 +252,10 @@ class InstanceInformation extends Component { ); }} - - + { + isEditPermission && + } + searchButtonStyle="link" + dataKey="users" + selectUser={this.onSelectUser} + visibleColumns={VISIBLE_COLUMNS} + columnMapping={COLUMN_MAPPING} + disableRecordCreation + marginTop0 + /> + } { isLoading && }