diff --git a/src/app/frontend/common/components/labels/labels.html b/src/app/frontend/common/components/labels/labels.html index 7ff9b3b63927158413aa9d0fa2e5f4d7ced6e123..56d59dba4067cad31966edf12adc2840172f7df3 100644 --- a/src/app/frontend/common/components/labels/labels.html +++ b/src/app/frontend/common/components/labels/labels.html @@ -14,7 +14,7 @@ See the License for the specific language governing permissions and limitations under the License. --> - +
{{key}}={{value}}
diff --git a/src/app/frontend/common/components/labels/labels.scss b/src/app/frontend/common/components/labels/labels.scss index cf73ab00d0857b94fe918a9c82d5f32e149f9daa..c5f906d011f1e75088a76f4c67288aa97eef35fa 100644 --- a/src/app/frontend/common/components/labels/labels.scss +++ b/src/app/frontend/common/components/labels/labels.scss @@ -15,7 +15,7 @@ @import '../../../variables'; $label-height: $caption-font-size-base + 6; -$label-margin: 0 $baseline-grid $baseline-grid 0; +$label-margin: 0 $baseline-grid ($baseline-grid / 2) 0; // Style taken(mostly) from angular material md-chip style. .kd-labels { @@ -28,3 +28,7 @@ $label-margin: 0 $baseline-grid $baseline-grid 0; padding: 0 $baseline-grid; vertical-align: middle; } + +.kd-labels-content { + background-color: inherit; +} diff --git a/src/app/frontend/replicasetdetail/replicasetdetail.scss b/src/app/frontend/replicasetdetail/replicasetdetail.scss index bbc5f4044705737115bfd4684ec8198999290c4a..fcdd72cc175a5104a9aa24f36ddcc8f9c4788f38 100644 --- a/src/app/frontend/replicasetdetail/replicasetdetail.scss +++ b/src/app/frontend/replicasetdetail/replicasetdetail.scss @@ -78,6 +78,7 @@ $replicasetdetails-sidebar-width: 315px; .kd-replicasetdetail-sidebar-subline { color: $muted; font-size: $caption-font-size-base; + padding-bottom: $baseline-grid; } .kd-replicasetdetail-sidebar-icon {