From b02d9f006b718b028efde0dc2fd35fbd0ee791d5 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 25 Jan 2016 11:05:35 +0100
Subject: [PATCH] Fixed headline with status icons/labels

---
 wcfsetup/install/files/style/ui/label.scss | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/wcfsetup/install/files/style/ui/label.scss b/wcfsetup/install/files/style/ui/label.scss
index 2bf09baf60..c7b390411b 100644
--- 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 */
-- 
2.20.1