diff --git a/airbyte-webapp/src/packages/cloud/components/experiments/FreeConnectorProgram/LargeEnrollmentCallout.module.scss b/airbyte-webapp/src/packages/cloud/components/experiments/FreeConnectorProgram/LargeEnrollmentCallout.module.scss index f6a68f1072a7..cd550ab0cd7d 100644 --- a/airbyte-webapp/src/packages/cloud/components/experiments/FreeConnectorProgram/LargeEnrollmentCallout.module.scss +++ b/airbyte-webapp/src/packages/cloud/components/experiments/FreeConnectorProgram/LargeEnrollmentCallout.module.scss @@ -3,7 +3,7 @@ .container { margin: variables.$spacing-lg 0; - padding: variables.$spacing-xl; + padding: variables.$spacing-lg variables.$spacing-xl; width: 100%; background-image: url("./longtail-connectors.svg"); background-repeat: no-repeat; @@ -17,7 +17,10 @@ .flexRow { width: 100%; - padding-left: 100px; +} + +.enrollButton { + margin-left: auto; } .textContainer { diff --git a/airbyte-webapp/src/packages/cloud/components/experiments/FreeConnectorProgram/LargeEnrollmentCallout.tsx b/airbyte-webapp/src/packages/cloud/components/experiments/FreeConnectorProgram/LargeEnrollmentCallout.tsx index 2b832866a1be..37180cbcb605 100644 --- a/airbyte-webapp/src/packages/cloud/components/experiments/FreeConnectorProgram/LargeEnrollmentCallout.tsx +++ b/airbyte-webapp/src/packages/cloud/components/experiments/FreeConnectorProgram/LargeEnrollmentCallout.tsx @@ -3,7 +3,7 @@ import { FormattedMessage } from "react-intl"; import { Button } from "components/ui/Button"; import { Callout } from "components/ui/Callout"; -import { FlexContainer } from "components/ui/Flex"; +import { FlexContainer, FlexItem } from "components/ui/Flex"; import { Heading } from "components/ui/Heading"; import { Text } from "components/ui/Text"; @@ -30,9 +30,11 @@ export const EnrollLink: React.FC> = ({ children }) = export const LargeEnrollmentCallout: React.FC = () => { return ( - - + + + + @@ -40,7 +42,7 @@ export const LargeEnrollmentCallout: React.FC = () => { - diff --git a/airbyte-webapp/src/packages/cloud/components/experiments/FreeConnectorProgram/connectors-badges.svg b/airbyte-webapp/src/packages/cloud/components/experiments/FreeConnectorProgram/connectors-badges.svg index 87cf3b335e6f..71eb4f437301 100644 --- a/airbyte-webapp/src/packages/cloud/components/experiments/FreeConnectorProgram/connectors-badges.svg +++ b/airbyte-webapp/src/packages/cloud/components/experiments/FreeConnectorProgram/connectors-badges.svg @@ -1,34 +1,22 @@ - - - - - - - - - - - - - + + + + + + + + + + + - - - - - - - - - - - - + + - - + +