From 408f24dcddae41b5d824ac11438a9388f38fdd05 Mon Sep 17 00:00:00 2001
From: andreas-unleash <104830839+andreas-unleash@users.noreply.github.com>
Date: Fri, 22 Jul 2022 14:33:15 +0300
Subject: [PATCH] styling fixes

---
 .../ConstraintAccordionList.styles.ts                      | 7 +++++++
 .../ConstraintAccordionList/ConstraintAccordionList.tsx    | 6 +++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.styles.ts b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.styles.ts
index 8b4a8c0508..df2bea79d5 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.styles.ts
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.styles.ts
@@ -11,5 +11,12 @@ export const useStyles = makeStyles()(theme => ({
         [theme.breakpoints.down(860)]: {
             display: 'none',
         },
+        marginLeft: '0.75rem',
     },
+    addCustomLabel: {
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'start',
+        margin: '0.75rem 0'
+    }
 }));
diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.tsx
index 34ee67dd00..ff7232e839 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.tsx
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.tsx
@@ -103,8 +103,8 @@ export const ConstraintAccordionList = forwardRef<
                 condition={Boolean(showCreateButton && onAdd)}
                 show={
                     <div>
-                        <p>
-                            Add any number of custom constraints
+                        <div className={styles.addCustomLabel}>
+                            <p>Add any number of custom constraints</p>
                             <Tooltip title="Help" arrow>
                                 <a
                                     href={
@@ -116,7 +116,7 @@ export const ConstraintAccordionList = forwardRef<
                                     <Help className={styles.help} />
                                 </a>
                             </Tooltip>
-                        </p>
+                        </div>
                         <Button
                             type="button"
                             onClick={onAdd}