chore: make the integration save form look normal again
import { Form } from '@patternfly/react-core';
import * as React from 'react';
-import { ButtonLink, Container, Loader, PageSection } from '../Layout';
+import { ButtonLink, Loader, PageSection } from '../Layout';
export interface IIntegrationSaveFormProps {
/**
@@ -47,21 +47,23 @@ export const IntegrationSaveForm: React.FunctionComponent<
}) => {
return (
<PageSection>
- <Form
- isHorizontal={true}
- onSubmit={handleSubmit}
+ <div className="row row-cards-pf">
+ <div className="card-pf"
style={{
margin: 'auto',
maxWidth: 600,
}}
>
- <div className="row row-cards-pf">
- <div className="card-pf">
{i18nFormTitle && (
<div className="card-pf-title">{i18nFormTitle}</div>
)}
<div className="card-pf-body">
- <Container>{children}</Container>
+ <Form
+ isHorizontal={true}
+ onSubmit={handleSubmit}
+ >
+ {children}
+ </Form>
</div>
<div className="card-pf-footer">
<ButtonLink
@@ -84,7 +86,6 @@ export const IntegrationSaveForm: React.FunctionComponent<
</div>
</div>
</div>
- </Form>
</PageSection>
);
};
