From dce42df05031185f0b7d13fac2cb4f9dc520c08f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9mie=20Astori?= <jeremie@astori.fr>
Date: Tue, 4 Apr 2017 02:30:16 -0400
Subject: [PATCH] Fix link preview title going underneath the user list

Also fix the preview description not respecting the ellipsis, and update the image size and margin to nicely align with text.
---
 client/css/style.css | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/client/css/style.css b/client/css/style.css
index acbcd8df..f32261e4 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -933,6 +933,7 @@ kbd {
 
 #chat .text {
 	flex: 1 1 auto;
+	overflow: hidden;
 }
 
 #loading a,
@@ -1103,7 +1104,7 @@ kbd {
 	color: #222;
 	font-size: 12px;
 	max-width: 100%;
-	padding: 6px 8px;
+	padding: 6px;
 	margin-top: 2px;
 	overflow: hidden;
 }
@@ -1116,31 +1117,28 @@ kbd {
 	max-width: 100%;
 	max-height: 128px;
 	display: block;
-	margin: 2px 0;
 }
 
 #chat .toggle-content .thumb {
 	float: left;
-	margin-right: 10px;
+	margin-right: 6px;
 	max-width: 48px;
-	max-height: 36px;
+	max-height: 32px;
 }
 
-#chat .toggle-content .head {
-	font-weight: bold;
+#chat .toggle-content .head,
+#chat .toggle-content .body {
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }
 
+#chat .toggle-content .head {
+	font-weight: bold;
+}
+
 #chat .toggle-content .body {
 	color: #999;
-	max-width: 460px;
-	word-break: normal;
-	word-wrap: break-word;
-	overflow: hidden;
-	max-height: 30px;
-	text-overflow: ellipsis;
 }
 
 #chat .toggle-content.show {