From 81c99c1139fc9106a55bef46c559f07736758444 Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Sun, 24 Jan 2016 13:25:50 +0100
Subject: [PATCH] Improved styling of messages

---
 wcfsetup/install/files/style/ui/message.scss | 59 ++++++++++----------
 1 file changed, 29 insertions(+), 30 deletions(-)

diff --git a/wcfsetup/install/files/style/ui/message.scss b/wcfsetup/install/files/style/ui/message.scss
index 2182b5f3a8..c87b622ca3 100644
--- a/wcfsetup/install/files/style/ui/message.scss
+++ b/wcfsetup/install/files/style/ui/message.scss
@@ -133,47 +133,33 @@
 	margin-bottom: 20px;
 }
 
-.messageQuickOptions {
-	@extend .inlineList;
+.messageStatus {
+	flex: 1 1 auto;
 	
-	flex: 0 0 auto;
-	//opacity: .3;
-	order: 2;
-	transition: opacity .2s linear;
+	@extend .inlineList;
 	
-	.badge {
-		color: rgb(255, 255, 255);
+	.messagePublicationTime {
+		color: $wcfContentDimmedText;
 		
 		@extend .wcfFontSmall;
 	}
 }
 
-.message:hover .messageQuickOptions {
-	//opacity: .6;
-}
-
-.message .messageHeader .messageQuickOptions:hover {
-	//opacity: 1;
-}
-
-.messageHeadline {
-	flex: 1 auto;
-	order: 1;
+.messageQuickOptions {
+	flex: 0 0 auto;
 	
-	> h1 {
-		margin-bottom: 5px;
-		
-		@extend .wcfFontHeadline;
-	}
+	@extend .inlineList;
 	
-	> p {
+	.badge {
+		color: rgb(255, 255, 255);
+		
 		@extend .wcfFontSmall;
 	}
 }
 
 /* content - body */
 .messageBody {
-	flex: 1 auto;
+	flex: 1 1 auto;
 	
 	&.editor {
 		align-items: center;
@@ -196,12 +182,25 @@
 	margin-top: 20px;
 }
 
-.messageFooterNote {
-	border-left: 2px solid rgb(238, 238, 238);
-	padding-left: 5px;
+.messageFooterNote,
+.messageFooterNotes > .likesSummary {
+	border-left: 5px solid $wcfContentBorderInner;
+	color: $wcfContentDimmedText;
+	padding: 5px 10px;
+	
+	@extend .wcfFontSmall;
 	
 	&:not(:first-child) {
-		margin-top: 5px;
+		margin-top: 10px;
+	}
+	
+	a {
+		color: $wcfContentDimmedLink;
+		
+		&:hover {
+			color: $wcfContentDimmedLinkActive;
+			text-decoration: underline;
+		}
 	}
 }
 
-- 
2.20.1