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 (
- {i18n._(t`Instance Groups`)}{' '} - {tooltip && ( - - - - )} - - } + label={i18n._(t`Instance Groups`)} fieldId="org-instance-groups" > + {tooltip && ( + + + + )} InventoriesAPI.read(params); class InventoryLookup extends React.Component { @@ -17,19 +22,15 @@ class InventoryLookup extends React.Component { return ( - {i18n._(t`Inventory`)}{' '} - {tooltip && ( - - - - )} - - } + label={i18n._(t`Inventory`)} isRequired={required} fieldId="inventory-lookup" > + {tooltip && ( + + + + )} span { @@ -64,6 +66,8 @@ const Dropdown = styled(PFDropdown)` const NoOptionDropdown = styled.div` align-self: stretch; border: 1px solid var(--pf-global--BorderColor--200); + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; padding: 3px 7px; white-space: nowrap; `; diff --git a/awx/ui_next/src/screens/Organization/OrganizationNotifications/__snapshots__/OrganizationNotifications.test.jsx.snap b/awx/ui_next/src/screens/Organization/OrganizationNotifications/__snapshots__/OrganizationNotifications.test.jsx.snap index 6383534902..e7d090a2ba 100644 --- a/awx/ui_next/src/screens/Organization/OrganizationNotifications/__snapshots__/OrganizationNotifications.test.jsx.snap +++ b/awx/ui_next/src/screens/Organization/OrganizationNotifications/__snapshots__/OrganizationNotifications.test.jsx.snap @@ -643,9 +643,9 @@ exports[` initially renders succesfully 1`] = ` "componentStyle": ComponentStyle { "componentId": "Search__NoOptionDropdown-sc-1dwuww3-3", "isStatic": true, - "lastClassName": "iMdtNX", + "lastClassName": "cbKaoS", "rules": Array [ - "align-self:stretch;border:1px solid var(--pf-global--BorderColor--200);padding:3px 7px;white-space:nowrap;", + "align-self:stretch;border:1px solid var(--pf-global--BorderColor--200);border-top-left-radius:3px;border-bottom-left-radius:3px;padding:3px 7px;white-space:nowrap;", ], }, "displayName": "Search__NoOptionDropdown", @@ -661,7 +661,7 @@ exports[` initially renders succesfully 1`] = ` forwardedRef={null} >
Name