}
.boxHeadline.labeledHeadline {
+ align-items: center;
+
@extend .inlineList;
- > ul.statusIcons {
- > li {
- display: inline-block;
- }
+ > .statusIcons,
+ > .labelList {
+ flex: 0 0 auto;
}
- > ul.labelList {
- position: relative;
- top: -4px;
+ > .statusIcons:not(:last-child) {
+ margin-right: 10px;
}
}
.boxHeadline.labeledHeadline > h1,
.boxSubHeadline.labeledHeadline > h2 {
- display: inline-block;
- margin-right: 5px;
+ flex: 0 0 auto;
+ margin-right: 10px;
+
+ /* force a long running title to break instead of overflowing the container */
+ max-width: 100%;
}
/* ACP label list */