Fixed headline with status icons/labels

diff --git a/wcfsetup/install/files/style/ui/label.scss b/wcfsetup/install/files/style/ui/label.scss
index 2bf09baf60652bd6ef0ee588bf0240f470298676..c7b390411bd5b9dfafd1f6cc72f946f7d2068f0a 100644 (file)
--- a/wcfsetup/install/files/style/ui/label.scss
+++ b/wcfsetup/install/files/style/ui/label.scss
@@ -5,24 +5,27 @@
 }
 
 .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 */