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[`