Merge pull request #5086 from keithjgrant/4614-fix-template-edit-border

Fix border/padding while loading jt edit form

Reviewed-by: https://github.com/apps/softwarefactory-project-zuul

awx/ui_next/src/screens/Template/JobTemplateEdit/JobTemplateEdit.jsx

@@ -179,11 +179,19 @@ class JobTemplateEdit extends Component {
     const canEdit = template.summary_fields.user_capabilities.edit;
 
     if (hasContentLoading) {
-      return <ContentLoading />;
+      return (
+        <CardBody>
+          <ContentLoading />
+        </CardBody>
+      );
     }
 
     if (contentError) {
-      return <ContentError error={contentError} />;
+      return (
+        <CardBody>
+          <ContentError error={contentError} />
+        </CardBody>
+      );
     }
 
     if (!canEdit) {

awx/ui_next/src/screens/Template/shared/JobTemplateForm.jsx

@@ -7,7 +7,6 @@ import { withFormik, Field } from 'formik';
 import {
   Form,
   FormGroup,
-  Card,
   Switch,
   Checkbox,
   TextInput,
@@ -165,19 +164,11 @@ class JobTemplateForm extends Component {
     }
 
     if (hasContentLoading) {
-      return (
+      return <ContentLoading />;
-        <Card className="awx-c-card">
-          <ContentLoading />
-        </Card>
-      );
     }
 
     if (contentError) {
-      return (
+      return <ContentError error={contentError} />;
-        <Card className="awx-c-card">
-          <ContentError error={contentError} />
-        </Card>
-      );
     }
     const AdvancedFieldsWrapper = template.isNew ? CollapsibleSection : 'div';
     return (