diff --git a/awx/ui_next/src/components/ContentError/ContentError.jsx b/awx/ui_next/src/components/ContentError/ContentError.jsx index a94adc4ac9..53610b52d4 100644 --- a/awx/ui_next/src/components/ContentError/ContentError.jsx +++ b/awx/ui_next/src/components/ContentError/ContentError.jsx @@ -16,6 +16,7 @@ import ErrorDetail from '@components/ErrorDetail'; const EmptyState = styled(PFEmptyState)` width: var(--pf-c-empty-state--m-lg--MaxWidth); + max-width: 100%; `; async function logout() { diff --git a/awx/ui_next/src/components/ErrorDetail/ErrorDetail.jsx b/awx/ui_next/src/components/ErrorDetail/ErrorDetail.jsx index ed3d468315..25d2c9d035 100644 --- a/awx/ui_next/src/components/ErrorDetail/ErrorDetail.jsx +++ b/awx/ui_next/src/components/ErrorDetail/ErrorDetail.jsx @@ -22,6 +22,13 @@ const CardBody = styled(PFCardBody)` const Expandable = styled(PFExpandable)` text-align: left; + + & .pf-c-expandable__toggle { + padding-left: 10px; + margin-left: 5px; + margin-top: 10px; + margin-bottom: 10px; + } `; class ErrorDetail extends Component { diff --git a/awx/ui_next/src/components/Lookup/InstanceGroupsLookup.jsx b/awx/ui_next/src/components/Lookup/InstanceGroupsLookup.jsx index f44c9e5144..1e58f3eafa 100644 --- a/awx/ui_next/src/components/Lookup/InstanceGroupsLookup.jsx +++ b/awx/ui_next/src/components/Lookup/InstanceGroupsLookup.jsx @@ -1,13 +1,18 @@ -import React, { Fragment } from 'react'; +import React from 'react'; import PropTypes from 'prop-types'; import { withI18n } from '@lingui/react'; import { t } from '@lingui/macro'; import { FormGroup, Tooltip } from '@patternfly/react-core'; -import { QuestionCircleIcon } from '@patternfly/react-icons'; +import { QuestionCircleIcon as PFQuestionCircleIcon } from '@patternfly/react-icons'; +import styled from 'styled-components'; import { InstanceGroupsAPI } from '@api'; import Lookup from '@components/Lookup'; +const QuestionCircleIcon = styled(PFQuestionCircleIcon)` + margin-left: 10px; +`; + const getInstanceGroups = async params => InstanceGroupsAPI.read(params); class InstanceGroupsLookup extends React.Component { @@ -21,18 +26,14 @@ class InstanceGroupsLookup extends React.Component { return (