From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 25 Jan 2016 10:05:35 +0000 (+0100)
Subject: Fixed headline with status icons/labels
X-Git-Tag: 3.0.0_Beta_1~2030^2~126
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=b02d9f006b718b028efde0dc2fd35fbd0ee791d5;p=GitHub%2FWoltLab%2FWCF.git

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 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 */