client/route-summary-segments/style.css
.RouteSegment > .mode {
font-size: 25px;
color: var(--font-color);
display: inline-block;
vertical-align: top;
}
.RouteSegment > .mode > .fa-caret-down {
font-size: 12px;
display: block;
text-align: center;
margin-top: -8px;
margin-bottom: -4px;
}
.RouteSegment:last-of-type > .mode > .fa-caret-down {
display: none;
}
.RouteSegment > .shield {
display: inline-block;
white-space: nowrap;
color: #fff;
text-align: center;
height: 20px;
border-radius: var(--border-radius);
font-weight: var(--bold);
}
.RouteSegment > .shield {
margin-left: 6px;
margin-top: 6px;
width: 32px;
overflow: hidden;
text-overflow: ellipsis;
}
.RouteSegment > svg.shield {
width: 26px;
margin-left: 4px;
}
.RouteSegment.inline {
display: inline;
}
.RouteSegment.inline > .shield {
margin: 0.5em 0.25em -0.25em 0;
height: 1.35em;
}
.RouteSegment.inline > svg.shield {
display: none;
}
.RouteSegment.inline .fa-caret-down {
display: none;
}
.RouteSegment.inline .fa-caret-right {
display: inline-block;
}
.RouteSegment.inline:last-of-type .fa-caret-right {
display: none;
}