From 18152a50a2e71a1d242a91d6f5804ab52d4eacc8 Mon Sep 17 00:00:00 2001
From: Pavel Djundik <github@xpaw.me>
Date: Thu, 15 Feb 2018 10:32:04 +0200
Subject: [PATCH] Change highlight into gradient, make it look nicer on mobile

---
 theme.css | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/theme.css b/theme.css
index 50b74ae..3bdddba 100644
--- a/theme.css
+++ b/theme.css
@@ -291,17 +291,14 @@ body {
 	border-bottom: 1px dotted #555;
 }
 
-#chat .channel .highlight,
-#chat .channel .highlight .time,
 #chat .channel .highlight .from,
 #chat .channel .highlight .from .user,
 #chat .channel .highlight .text {
 	color: #fff !important;
 }
 
-#chat .channel .highlight .time,
 #chat .channel .highlight .from {
-	background-color: #2072ac;
+	background: linear-gradient(to right, transparent 0%, #2072ac 60%);
 }
 
 #chat .channel .highlight .content {
@@ -354,6 +351,17 @@ body {
 	#chat .message .from .user::after {
 		content: ">";
 	}
+
+	#chat .channel .highlight .time {
+		color: #fff;
+		background: #2072ac;
+		margin-left: -10px;
+		padding-left: 10px;
+	}
+
+	#chat .channel .highlight .from {
+		background: linear-gradient(to left, transparent 0%, #2072ac 100%);
+	}
 }
 
 @media (min-width: 480px) {