diff --git a/src/Settings/NumberGeneratorOptions.css b/src/Settings/NumberGeneratorOptions.css new file mode 100644 index 00000000..78ddf841 --- /dev/null +++ b/src/Settings/NumberGeneratorOptions.css @@ -0,0 +1,5 @@ +@import '@folio/stripes-components/lib/variables'; + +.marginBottomGutter { + margin-bottom: var(--gutter); +} diff --git a/src/Settings/NumberGeneratorOptions.js b/src/Settings/NumberGeneratorOptions.js index 019c6603..77ceb929 100644 --- a/src/Settings/NumberGeneratorOptions.js +++ b/src/Settings/NumberGeneratorOptions.js @@ -9,7 +9,9 @@ import { } from '@folio/stripes/core'; import { ConfigManager } from '@folio/stripes/smart-components'; -import { Col, RadioButton, Row } from '@folio/stripes/components'; +import { Col, MessageBanner, RadioButton, Row } from '@folio/stripes/components'; + +import css from './NumberGeneratorOptions.css'; const ConnectedConfigManager = stripesConnect(ConfigManager); @@ -45,6 +47,15 @@ const NumberGeneratorOptions = (props) => { onBeforeSave={beforeSave} stripes={props.stripes} > + + +
+ + + +
+ +