From a43f5bf75a6c806eb9cd13af704bc3e0fdd70db0 Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Tue, 23 Aug 2016 17:53:28 +0200
Subject: [PATCH] Improved styling of collapsed messages

---
 .../files/style/bootstrap/mixin/list.scss     |  2 +-
 wcfsetup/install/files/style/ui/message.scss  | 21 +++++++++++++++++--
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/wcfsetup/install/files/style/bootstrap/mixin/list.scss b/wcfsetup/install/files/style/bootstrap/mixin/list.scss
index fe55b0adf3..918b58f8f3 100644
--- a/wcfsetup/install/files/style/bootstrap/mixin/list.scss
+++ b/wcfsetup/install/files/style/bootstrap/mixin/list.scss
@@ -35,7 +35,7 @@
 	flex-wrap: wrap;
 	
 	> li {
-		flex: 0 auto;
+		flex: 0 0 auto;
 		
 		&:not(:last-child) {
 			margin-right: 5px;
diff --git a/wcfsetup/install/files/style/ui/message.scss b/wcfsetup/install/files/style/ui/message.scss
index 86d2b8b66a..5d2eb3e85c 100644
--- a/wcfsetup/install/files/style/ui/message.scss
+++ b/wcfsetup/install/files/style/ui/message.scss
@@ -155,6 +155,10 @@
 		.userCredits {
 			display: none;
 		}
+		
+		+ .messageContent {
+			margin-top: 20px;
+		}
 	}
 	
 	a {
@@ -254,7 +258,6 @@
 	flex-direction: column;
 	
 	@include screen-sm-down {
-		margin-top: 20px;
 		position: relative;
 	}
 	
@@ -316,7 +319,13 @@
 }
 
 .messageTitle {
-	@include wcfFontHeadline;
+	@include screen-sm-up {
+		@include wcfFontHeadline;
+	}
+	
+	@include screen-xs {
+		@include wcfFontDefault;
+	}
 	
 	color: $wcfContentHeadlineText;
 		
@@ -523,6 +532,14 @@
 	}
 }
 
+.messageCollapsed {
+	@include screen-sm-down {
+		border-top: 1px solid $wcfContentBorderInner;
+		margin: 0 -10px;
+		padding: 30px 10px 0;
+	}
+}
+
 .messageReduced {
 	.messageHeader {
 		background-color: $wcfSidebarBackground;
-- 
2.20.1