From aa5004d10af0b62fec2e624f4566fda3841d62da Mon Sep 17 00:00:00 2001
From: JamalAlabdullah <jamal.mustafa.alabdullah@digdir.no>
Date: Thu, 7 Dec 2023 14:24:07 +0100
Subject: [PATCH 1/4] Fixed size for text and icon in binding datamodel

---
 .../config/editModal/EditDataModelBindings.module.css  |  5 +++++
 .../config/editModal/EditDataModelBindings.tsx         | 10 +++++++---
 2 files changed, 12 insertions(+), 3 deletions(-)

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..ddf31499731 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,7 +20,12 @@
   padding-block: 0.75rem;
 }
 
+.linkedDatamodelIcon {
+  font-size: 1rem;
+}
+
 .selectedOption {
   gap: var(--fds-spacing-1);
   word-break: break-word;
+  font-size: small;
 }
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..e121c99bc59 100644
--- a/frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings.tsx
+++ b/frontend/packages/ux-editor/src/components/config/editModal/EditDataModelBindings.tsx
@@ -104,7 +104,11 @@ export const EditDataModelBindings = ({
                 helpText={helpText}
               />
             ) : (
-              selectedOption && <SelectedOption selectedOption={selectedOption} />
+              selectedOption && (
+                <span className={classes.selectedOption}>
+                  <SelectedOption selectedOption={selectedOption} />
+                </span>
+              )
             )}
           </div>
         </InputActionWrapper>
@@ -116,8 +120,8 @@ export const EditDataModelBindings = ({
 const SelectedOption = ({ selectedOption }: { selectedOption: string }) => {
   return (
     <div className={classes.linkedDatamodelContainer}>
-      <LinkIcon />
-      <Paragraph className={classes.selectedOption}>{selectedOption}</Paragraph>
+      <LinkIcon className={classes.linkedDatamodelIcon} />
+      {selectedOption}
     </div>
   );
 };

From 4cbd744b602a9845a59ebc6f1315f314b49b35e9 Mon Sep 17 00:00:00 2001
From: JamalAlabdullah <jamal.mustafa.alabdullah@digdir.no>
Date: Thu, 7 Dec 2023 14:50:12 +0100
Subject: [PATCH 2/4] removed unused Paragraph

---
 .../src/components/config/editModal/EditDataModelBindings.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 e121c99bc59..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';
 

From c3dde4589627009c9ea0539a3e27bbe2eb6a1638 Mon Sep 17 00:00:00 2001
From: JamalAlabdullah <jamal.mustafa.alabdullah@digdir.no>
Date: Fri, 8 Dec 2023 15:05:35 +0100
Subject: [PATCH 3/4] change zise for text in EditdataModelBindings

---
 .../config/editModal/EditDataModelBindings.module.css           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 ddf31499731..3a60410cee3 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
@@ -27,5 +27,5 @@
 .selectedOption {
   gap: var(--fds-spacing-1);
   word-break: break-word;
-  font-size: small;
+  font-size: 0.875rem;
 }

From b034e91596a3cf42682790dbc8f4dd22820d655b Mon Sep 17 00:00:00 2001
From: JamalAlabdullah <jamal.mustafa.alabdullah@digdir.no>
Date: Mon, 11 Dec 2023 17:02:36 +0100
Subject: [PATCH 4/4] updated css in Editdatamodelbindings

---
 .../config/editModal/EditDataModelBindings.module.css         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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 3a60410cee3..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
@@ -21,11 +21,11 @@
 }
 
 .linkedDatamodelIcon {
-  font-size: 1rem;
+  height: var(--fds-sizing-4);
+  width: var(--fds-sizing-4);
 }
 
 .selectedOption {
   gap: var(--fds-spacing-1);
   word-break: break-word;
-  font-size: 0.875rem;
 }