diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/Builder.module.scss b/airbyte-webapp/src/components/connectorBuilder/Builder/Builder.module.scss index bbb4d538f45..cefeef6c9d5 100644 --- a/airbyte-webapp/src/components/connectorBuilder/Builder/Builder.module.scss +++ b/airbyte-webapp/src/components/connectorBuilder/Builder/Builder.module.scss @@ -13,5 +13,5 @@ padding: variables.$spacing-xl; overflow: auto; display: flex; - justify-content: center; + justify-content: flex-start; } diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/BuilderConfigView.module.scss b/airbyte-webapp/src/components/connectorBuilder/Builder/BuilderConfigView.module.scss index 34c401fabab..693a6cc744e 100644 --- a/airbyte-webapp/src/components/connectorBuilder/Builder/BuilderConfigView.module.scss +++ b/airbyte-webapp/src/components/connectorBuilder/Builder/BuilderConfigView.module.scss @@ -10,6 +10,7 @@ height: fit-content; min-height: 100%; width: 100%; + min-width: 525px; } .heading { diff --git a/airbyte-webapp/src/components/connectorBuilder/Builder/BuilderSidebar.module.scss b/airbyte-webapp/src/components/connectorBuilder/Builder/BuilderSidebar.module.scss index 1a8b32d1c44..545cfddbcb2 100644 --- a/airbyte-webapp/src/components/connectorBuilder/Builder/BuilderSidebar.module.scss +++ b/airbyte-webapp/src/components/connectorBuilder/Builder/BuilderSidebar.module.scss @@ -13,6 +13,7 @@ // Set line-height to 1 to make this centered with the info tooltip icon, and because this is a single line anyway line-height: 1; + padding-top: 2px; } .viewButton { diff --git a/airbyte-webapp/src/components/connectorBuilder/SchemaConflictIndicator.tsx b/airbyte-webapp/src/components/connectorBuilder/SchemaConflictIndicator.tsx index 54fa125e769..c2a48c4b11a 100644 --- a/airbyte-webapp/src/components/connectorBuilder/SchemaConflictIndicator.tsx +++ b/airbyte-webapp/src/components/connectorBuilder/SchemaConflictIndicator.tsx @@ -11,6 +11,7 @@ export const SchemaConflictIndicator: React.FC<{ errors?: string[] }> = ({ error control={ = ({ page, className, infer { key: "schema", title: ( - + {mode === "ui" && schemaDifferences && !autoImportSchema && ( diff --git a/airbyte-webapp/src/components/connectorBuilder/StreamTestingPanel/TabbedDisplay.module.scss b/airbyte-webapp/src/components/connectorBuilder/StreamTestingPanel/TabbedDisplay.module.scss index 9c903627e6f..1321943973d 100644 --- a/airbyte-webapp/src/components/connectorBuilder/StreamTestingPanel/TabbedDisplay.module.scss +++ b/airbyte-webapp/src/components/connectorBuilder/StreamTestingPanel/TabbedDisplay.module.scss @@ -24,6 +24,9 @@ font-weight: 500; cursor: pointer; padding: 3px; + height: 100%; + display: flex; + align-items: center; } .selected { diff --git a/airbyte-webapp/src/locales/en.json b/airbyte-webapp/src/locales/en.json index 0de9eaadf66..ff25957a689 100644 --- a/airbyte-webapp/src/locales/en.json +++ b/airbyte-webapp/src/locales/en.json @@ -1095,7 +1095,7 @@ "connectorBuilder.recordsTab": "Records", "connectorBuilder.requestTab": "Request", "connectorBuilder.responseTab": "Response", - "connectorBuilder.schemaTab": "Detected schema", + "connectorBuilder.schemaTab": "Detected Schema", "connectorBuilder.useSchemaButton": "Import detected schema", "connectorBuilder.differentSchemaDescription": "Detected schema and declared schema are different", "connectorBuilder.overwriteSchemaButton": "Overwrite declared schema", @@ -1186,7 +1186,7 @@ "connectorBuilder.duplicateFieldID": "Make sure no field ID is used multiple times", "connectorBuilder.addNewParentStream": "Add new parent stream", "connectorBuilder.streamConfiguration": "Configuration", - "connectorBuilder.streamSchema": "Declared schema", + "connectorBuilder.streamSchema": "Declared Schema", "connectorBuilder.invalidJSON": "Invalid JSON - please fix syntax to have it applied", "connectorBuilder.copyToPaginationTitle": "Copy pagination settings to...", "connectorBuilder.copyFromPaginationTitle": "Import pagination settings from...", diff --git a/airbyte-webapp/src/pages/connectorBuilder/ConnectorBuilderEditPage/ConnectorBuilderEditPage.tsx b/airbyte-webapp/src/pages/connectorBuilder/ConnectorBuilderEditPage/ConnectorBuilderEditPage.tsx index 522980dd4f5..701b4a829d2 100644 --- a/airbyte-webapp/src/pages/connectorBuilder/ConnectorBuilderEditPage/ConnectorBuilderEditPage.tsx +++ b/airbyte-webapp/src/pages/connectorBuilder/ConnectorBuilderEditPage/ConnectorBuilderEditPage.tsx @@ -112,7 +112,7 @@ const Panels = React.memo(() => { ), className: styles.leftPanel, - minWidth: 550, + minWidth: 350, }, { children: ,