mgr/dashboard: style fixes for shared components

fixes: https://tracker.ceph.com/issues/72651

Signed-off-by: Naman Munet <naman.munet@ibm.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/details-card/details-card.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/details-card/details-card.component.html
index f51fbae03107cb1a67101cdc20aaad2903d14b0f..9a402f60c5934170914c8654f2abe286aa98e486 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/details-card/details-card.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/details-card/details-card.component.html
@@ -1,8 +1,10 @@
 <cds-tile>
+@if (cardTitle) {
   <div class="details-card-header">
     <span class="cds--type-heading-03"
           i18n>{{ cardTitle }}</span>
   </div>
+}
 
   <div class="details-card-body">
     <div cdsRow>

diff --git a/src/pybind/mgr/dashboard/frontend/src/styles/_carbon-defaults.scss b/src/pybind/mgr/dashboard/frontend/src/styles/_carbon-defaults.scss
index 289e2f0fa20f8ab119fb4cd0be4c5ebdbc77fb7f..2ddf98af8ea42588cfcaf7a20aa52dd426447228 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/styles/_carbon-defaults.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/styles/_carbon-defaults.scss
@@ -176,6 +176,7 @@ Carbon Popover
 
 .cds--popover-content {
   background-color: theme.$background;
+  padding: layout.$spacing-05;
 }
 
 // inner container class for overflow