fix: [AA-1079] space separators for related programs (#29350)

fix css for spacing between related programs in course descriptions.
This commit is contained in:
Chris Deery
2021-11-23 13:30:17 -05:00
committed by GitHub
parent 0cdaa91762
commit bea16dad81
2 changed files with 24 additions and 18 deletions

View File

@@ -1173,38 +1173,43 @@
padding: $baseline/2;
margin-bottom: 0;
.related-programs-preface {
.related-programs-preface {
@include float(left);
margin: 0 $baseline/2;
font-weight: bold;
}
ul {
.related-program-container {
display: inline;
padding: 0;
margin: 0;
}
li {
@include float(left);
display: inline;
padding: 0 0.5em;
border-right: 1px solid;
.category-icon {
.related-program-element {
&.important-element {
@include float(left);
@include margin-right($baseline/4);
margin-top: ($baseline/10);
background-color: transparent;
background-size: 100%;
width: ($baseline*0.7);
height: ($baseline*0.7);
display: inline;
padding: 0 0.5em !important;
.category-icon {
@include float(left);
@include margin-right($baseline/4);
margin-top: ($baseline/10);
background-color: transparent;
background-size: 100%;
width: ($baseline*0.7);
height: ($baseline*0.7);
}
}
}
li {
border-right: 1px solid;
}
// Remove separator from last list item.
li:last-child {
border: 0;