diff --git a/sass/components/ClusterOverview/health.scss b/sass/components/ClusterOverview/health.scss index 8ea0c28b2..47d031be7 100644 --- a/sass/components/ClusterOverview/health.scss +++ b/sass/components/ClusterOverview/health.scss @@ -6,5 +6,10 @@ .kubevirt-dashboard__card { min-height: 120px; + height: 100%; + } + + .pf-l-grid-item { + height: 100%; } } diff --git a/sass/components/Dashboard/capacity.scss b/sass/components/Dashboard/capacity.scss index 7fc64e599..4a12eba3b 100644 --- a/sass/components/Dashboard/capacity.scss +++ b/sass/components/Dashboard/capacity.scss @@ -8,9 +8,8 @@ display: flex; flex-direction: column; text-align: center; - flex-grow: 0; - width: 11em; - height: 15em; + justify-content: space-between; + flex: 0 1 120px; } .kubevirt-capacity__item-title { @@ -34,4 +33,8 @@ overflow: visible; } } + +.kubevirt-capacity__card { + height: 100%; +} /* stylelint-enable */ diff --git a/sass/components/Dashboard/detail.scss b/sass/components/Dashboard/detail.scss index f74051740..2d54adb4c 100644 --- a/sass/components/Dashboard/detail.scss +++ b/sass/components/Dashboard/detail.scss @@ -2,19 +2,22 @@ margin-bottom: 1rem; } +.kubevirt-detail__list { + display: flex; + flex-wrap: wrap; +} + .kubevirt-detail__item-title { - float: left; - clear: left; - // width: 150px; - margin-bottom: 5px; - font-size: 14px; + font-size: 0.875rem; text-transform: capitalize; + flex-basis: 100%; } .kubevirt-detail__item-value { - margin: 0 0 5px 160px; - font-size: 14px; + font-size: 0.875rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; + flex-basis: 100%; + margin-bottom: 8px; } diff --git a/sass/components/Dashboard/events.scss b/sass/components/Dashboard/events.scss index 9a12655da..7f7b1a57d 100644 --- a/sass/components/Dashboard/events.scss +++ b/sass/components/Dashboard/events.scss @@ -52,6 +52,10 @@ .co-sysevent__subheader > *:not(:first-child) { margin-left: 6px; } + + .co-sysevent-stream__status-box-empty { + margin-right: 15px; + } } .kubevirt-events__timestamp i { @@ -60,9 +64,10 @@ /* stylelint-enable */ .kubevirt-events__card-body { - margin: 0; + margin: 0 -15px 0 0; padding: 0; overflow-y: auto; + overflow-x: hidden; } .kubevirt-events__card-header { diff --git a/sass/components/StorageOverview/data-resiliency.scss b/sass/components/StorageOverview/data-resiliency.scss index a038577c6..7bf6b6b7d 100644 --- a/sass/components/StorageOverview/data-resiliency.scss +++ b/sass/components/StorageOverview/data-resiliency.scss @@ -22,7 +22,7 @@ } .kubevirt-data-resiliency__icon-error { - color: red; + color: #c9190b; } .kubevirt-data-resiliency__status-title-ok { diff --git a/src/components/ClusterOverview/Details/tests/__snapshots__/Details.test.js.snap b/src/components/ClusterOverview/Details/tests/__snapshots__/Details.test.js.snap index d23010eee..6f747ec9b 100644 --- a/src/components/ClusterOverview/Details/tests/__snapshots__/Details.test.js.snap +++ b/src/components/ClusterOverview/Details/tests/__snapshots__/Details.test.js.snap @@ -16,7 +16,9 @@ exports[`
renders correctly 1`] = `
-
+
diff --git a/src/components/ClusterOverview/tests/__snapshots__/ClusterOverview.test.js.snap b/src/components/ClusterOverview/tests/__snapshots__/ClusterOverview.test.js.snap index 575c54acf..89c481ca8 100644 --- a/src/components/ClusterOverview/tests/__snapshots__/ClusterOverview.test.js.snap +++ b/src/components/ClusterOverview/tests/__snapshots__/ClusterOverview.test.js.snap @@ -26,7 +26,9 @@ exports[` renders correctly with Provider 1`] = `
-
+
diff --git a/src/components/Dashboard/Details/DetailsBody.js b/src/components/Dashboard/Details/DetailsBody.js index fca6f736f..b56dbb097 100644 --- a/src/components/Dashboard/Details/DetailsBody.js +++ b/src/components/Dashboard/Details/DetailsBody.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; -export const DetailsBody = ({ children }) =>
{children}
; +export const DetailsBody = ({ children }) =>
{children}
; DetailsBody.propTypes = { children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]).isRequired, diff --git a/src/components/Dashboard/Details/tests/__snapshots__/DetailsBody.test.js.snap b/src/components/Dashboard/Details/tests/__snapshots__/DetailsBody.test.js.snap index 8a9670fda..1a038d9e7 100644 --- a/src/components/Dashboard/Details/tests/__snapshots__/DetailsBody.test.js.snap +++ b/src/components/Dashboard/Details/tests/__snapshots__/DetailsBody.test.js.snap @@ -1,7 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[` renders correctly 1`] = ` -
+
diff --git a/src/components/StorageOverview/Capacity/Capacity.js b/src/components/StorageOverview/Capacity/Capacity.js index ac845480d..221065962 100644 --- a/src/components/StorageOverview/Capacity/Capacity.js +++ b/src/components/StorageOverview/Capacity/Capacity.js @@ -16,7 +16,7 @@ import { getCapacityStats } from '../../../selectors'; import { CapacityBody } from '../../Dashboard/Capacity/CapacityBody'; export const Capacity = ({ capacityTotal, capacityUsed, LoadingComponent }) => ( - + Capacity diff --git a/src/components/StorageOverview/Capacity/tests/__snapshots__/Capacity.test.js.snap b/src/components/StorageOverview/Capacity/tests/__snapshots__/Capacity.test.js.snap index d6d3d5af9..ccc5fdee2 100644 --- a/src/components/StorageOverview/Capacity/tests/__snapshots__/Capacity.test.js.snap +++ b/src/components/StorageOverview/Capacity/tests/__snapshots__/Capacity.test.js.snap @@ -2,7 +2,7 @@ exports[` renders correctly 1`] = `
renders correctly 1`] = ` exports[` renders correctly in Loading state 1`] = `
renders correctly 1`] = `
-
+
diff --git a/src/components/StorageOverview/tests/__snapshots__/StorageOverview.test.js.snap b/src/components/StorageOverview/tests/__snapshots__/StorageOverview.test.js.snap index a127c9b9d..b997e6e74 100644 --- a/src/components/StorageOverview/tests/__snapshots__/StorageOverview.test.js.snap +++ b/src/components/StorageOverview/tests/__snapshots__/StorageOverview.test.js.snap @@ -26,7 +26,9 @@ exports[` renders correctly with Provider 1`] = `
-
+