diff --git a/frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings.module.css b/frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings.module.css index ecf73a8185d..57776af6483 100644 --- a/frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings.module.css +++ b/frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings.module.css @@ -20,6 +20,11 @@ padding-block: 0.75rem; } +.linkedDatamodelIcon { + height: var(--fds-sizing-4); + width: var(--fds-sizing-4); +} + .selectedOption { gap: var(--fds-spacing-1); word-break: break-word; diff --git a/frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings.tsx b/frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings.tsx index 88f12d6b26e..bca53e2f58a 100644 --- a/frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings.tsx +++ b/frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings.tsx @@ -7,7 +7,7 @@ import { SelectDataModelComponent } from '../SelectDataModelComponent'; import { useDatamodelMetadataQuery } from '../../../hooks/queries/useDatamodelMetadataQuery'; import { useStudioUrlParams } from 'app-shared/hooks/useStudioUrlParams'; import { LinkIcon } from '@studio/icons'; -import { Button, Paragraph } from '@digdir/design-system-react'; +import { Button } from '@digdir/design-system-react'; import classes from './EditDataModelBindings.module.css'; import { InputActionWrapper } from 'app-shared/components/InputActionWrapper'; @@ -104,7 +104,11 @@ export const EditDataModelBindings = ({ helpText={helpText} /> ) : ( - selectedOption && + selectedOption && ( + + + + ) )} @@ -116,8 +120,8 @@ export const EditDataModelBindings = ({ const SelectedOption = ({ selectedOption }: { selectedOption: string }) => { return (
- - {selectedOption} + + {selectedOption}
); };