diff --git a/src/app.scss b/src/app.scss index 48e43d0421..af46ba5246 100644 --- a/src/app.scss +++ b/src/app.scss @@ -83,9 +83,6 @@ --pf-global--target-size--MinWidth: 32px; --pf-global--FontSize--md: 14px; - --pf-c-data-list__item--PaddingTop: 16px; - --pf-c-data-list__item--PaddingBottom: 16px; - .pf-c-badge:not(:last-child), .pf-c-switch:not(:last-child) { margin-right: 18px; } @@ -94,6 +91,8 @@ .pf-c-data-list__item { --pf-c-data-list__item--PaddingLeft: 20px; --pf-c-data-list__item--PaddingRight: 20px; + + align-items: center; } .pf-c-data-list__check { @@ -157,9 +156,10 @@ // pf modal overrides // -.pf-c-modal-box { - --pf-c-modal-box--Width: 550px; - --pf-c-modal-box--MaxWidth: 550px; +.awx-c-modal.pf-c-modal-box { + margin: 0; + padding: 20px; + width: 550px; } .pf-c-modal-box__footer { diff --git a/src/components/Background.jsx b/src/components/Background.jsx index 1e5057f792..91a4fd733a 100644 --- a/src/components/Background.jsx +++ b/src/components/Background.jsx @@ -4,6 +4,7 @@ import { BackgroundImage, BackgroundImageSrc, } from '@patternfly/react-core'; +import bgFilter from '@patternfly/patternfly/assets/images/background-filter.svg'; const backgroundImageConfig = { [BackgroundImageSrc.xs]: '/assets/images/pfbg_576.jpg', @@ -11,7 +12,7 @@ const backgroundImageConfig = { [BackgroundImageSrc.sm]: '/assets/images/pfbg_768.jpg', [BackgroundImageSrc.sm2x]: '/assets/images/pfbg_768@2x.jpg', [BackgroundImageSrc.lg]: '/assets/images/pfbg_2000.jpg', - [BackgroundImageSrc.filter]: '/assets/images/background-filter.svg#image_overlay', + [BackgroundImageSrc.filter]: `${bgFilter}#image_overlay`, }; export default ({ children }) => ( diff --git a/src/components/Lookup/Lookup.jsx b/src/components/Lookup/Lookup.jsx index 4ccc673d7e..0dbfc59813 100644 --- a/src/components/Lookup/Lookup.jsx +++ b/src/components/Lookup/Lookup.jsx @@ -136,6 +136,7 @@ class Lookup extends React.Component {