.components-header {
    display: flex;
    align-items: flex-end;
    gap: 8px;
}

.components-title {
    flex: 1 1 auto;
    margin: 0;
    border-bottom: 2px solid #546472;
    /*  underline belongs to title only */
    padding-bottom: 6px;
    /* same spacing as before */
}

.components-toggle-btn {
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #546472;
    color: #fff;
}

.components-toggle-btn:hover,
.components-toggle-btn:focus {
    background: #3f4e5a;
    color: #fff;
}

.components-actions {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.components-actions .btn.btn-default {
    margin: 0;
    /* avoid bootstrap group margins */
    height: 34px;
    /* align vertically with chevron */
    display: inline-flex;
    align-items: center;
}

.components-table th,
.components-table td {
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  vertical-align: middle;
}

.components-data-row td {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}

.components-table {
  font-size: 0.875rem;
}

.components-service-cell .kbd {
  display: inline-block;
  margin-right: 0.25rem;
}

.components-item-cell {
  font-size: 1.1rem !important;
  line-height: 1.2;
}