diff --git a/__tests__/pages/Organizations/screens/Organization/__snapshots__/OrganizationNotifications.test.jsx.snap b/__tests__/pages/Organizations/screens/Organization/__snapshots__/OrganizationNotifications.test.jsx.snap index 7a4d68e761..560cc21984 100644 --- a/__tests__/pages/Organizations/screens/Organization/__snapshots__/OrganizationNotifications.test.jsx.snap +++ b/__tests__/pages/Organizations/screens/Organization/__snapshots__/OrganizationNotifications.test.jsx.snap @@ -182,6 +182,7 @@ exports[` initially renders succesfully 1`] = ` > initially renders succesfully 1`] = ` noLeftMargin={false} onCompact={null} onExpand={null} + onOpenDeleteModal={null} onSearch={[Function]} onSelectAll={null} onSort={[Function]} diff --git a/package-lock.json b/package-lock.json index 5f5b1a3d5f..35c6800410 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2616,7 +2616,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "dev": true, "requires": { @@ -4138,7 +4138,7 @@ }, "camelcase-keys": { "version": "2.1.0", - "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz", + "resolved": "http://registry.npmjs.org/camelcase-keys/-/camelcase-keys-2.1.0.tgz", "integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=", "dev": true, "requires": { @@ -10665,7 +10665,7 @@ }, "load-json-file": { "version": "1.1.0", - "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", + "resolved": "http://registry.npmjs.org/load-json-file/-/load-json-file-1.1.0.tgz", "integrity": "sha1-lWkFcI1YtLq0wiYbBPWfMcmTdMA=", "dev": true, "requires": { @@ -10995,7 +10995,7 @@ }, "meow": { "version": "3.7.0", - "resolved": "https://registry.npmjs.org/meow/-/meow-3.7.0.tgz", + "resolved": "http://registry.npmjs.org/meow/-/meow-3.7.0.tgz", "integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=", "dev": true, "requires": { @@ -11013,7 +11013,7 @@ "dependencies": { "minimist": { "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", + "resolved": "http://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", "dev": true } @@ -11525,7 +11525,7 @@ }, "semver": { "version": "5.3.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.3.0.tgz", + "resolved": "http://registry.npmjs.org/semver/-/semver-5.3.0.tgz", "integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=", "dev": true } @@ -13890,7 +13890,7 @@ }, "os-locale": { "version": "1.4.0", - "resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz", + "resolved": "http://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz", "integrity": "sha1-IPnxeuKe00XoveWDsT0gCYA8FNk=", "dev": true, "requires": { @@ -14666,7 +14666,7 @@ }, "readable-stream": { "version": "2.3.6", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", + "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz", "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==", "dev": true, "requires": { diff --git a/src/app.scss b/src/app.scss index 5a30378737..c2f8b84d53 100644 --- a/src/app.scss +++ b/src/app.scss @@ -230,7 +230,7 @@ .pf-c-card__close { position: absolute; - top: 10px; + top: 5px; right: 4px; color: var(--pf-c-button--m-plain--Color); @@ -330,14 +330,13 @@ margin-bottom: 10px; } -.awx-c-form-action-group { - float: right; - display: block; +.awx-orgTabs-container{ + display: flex +} - .pf-m-danger { - margin-top: 20px; - margin-right: 20px; - } +.awx-orgTabs__bottom-border{ + flex-grow: 1; + border-bottom: 1px solid #d2d2d2 } // @@ -411,3 +410,5 @@ .pf-m-error p.pf-c-form__helper-text { color: var(--pf-global--danger-color--100); } + + diff --git a/src/pages/Organizations/screens/Organization/Organization.jsx b/src/pages/Organizations/screens/Organization/Organization.jsx index 223bf0b60f..ec65d866a6 100644 --- a/src/pages/Organizations/screens/Organization/Organization.jsx +++ b/src/pages/Organizations/screens/Organization/Organization.jsx @@ -112,8 +112,10 @@ class Organization extends Component { isAdminOfThisOrg } = this.state; - const tabsPaddingOverride = { - padding: '0', + const tabsStyle = { + paddingTop: '0px', + paddingLeft: '0px', + paddingRight: '0px', }; const canSeeNotificationsTab = me.is_system_auditor || isNotifAdmin || isAuditorOfThisOrg; @@ -141,18 +143,23 @@ class Organization extends Component { loading ? '' : ( {({ i18n }) => ( - - +
+ + +
+
)}