diff --git a/components/Sidebar/JoinLoyalty/Contact/ContactRow/contactRow.module.css b/components/Sidebar/JoinLoyalty/Contact/ContactRow/contactRow.module.css index 3dc5d411b..a0ab5b992 100644 --- a/components/Sidebar/JoinLoyalty/Contact/ContactRow/contactRow.module.css +++ b/components/Sidebar/JoinLoyalty/Contact/ContactRow/contactRow.module.css @@ -1,3 +1,9 @@ +.wrapper { + display: flex; + flex-direction: column; + gap: var(--Spacing-x-half); +} + .link { display: flex; align-items: center; diff --git a/components/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx b/components/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx index 1713df1ba..1cbfccccd 100644 --- a/components/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx +++ b/components/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx @@ -17,7 +17,7 @@ export default async function ContactRow({ contact }: ContactRowProps) { } const val = getValueFromContactConfig(contact.contact_field, data) - const test = getValueFromContactConfig(contact.selectTest, data) + const footnote = getValueFromContactConfig(contact.selectTest, data) if (!val) { return null @@ -38,21 +38,23 @@ export default async function ContactRow({ contact }: ContactRowProps) { } return ( -
- - {contact.display_text} - - - {Icon ? : null} - {val} - - {test} +
+
+ + {contact.display_text} + + + {Icon ? : null} + {val} + +
+ {footnote && {footnote}}
) }