From 9429e78e613fc00836eef6cd02671bedaf7117a1 Mon Sep 17 00:00:00 2001
From: Roan Kattouw <roan.kattouw@gmail.com>
Date: Mon, 27 Jun 2016 17:16:54 +0200
Subject: [PATCH] ToggleReadCircleButtonWidget: Tweak colors per Pau

Also add border-box to prevent the circle from appearing
to grow when a border appears.

Bug: T126214
Change-Id: Id5e89ff87759c4ae44851d5ad3061230a0e59ff0
---
 modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less b/modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less
index 442f6908e..d1149a0c9 100644
--- a/modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less
+++ b/modules/styles/mw.echo.ui.ToggleReadCircleButtonWidget.less
@@ -6,9 +6,10 @@
 		width: @bundle-group-padding;
 		height: @bundle-group-padding;
 		margin: @bundle-group-padding;
+		box-sizing: border-box;
 
 		// Mark as read
-		background-color: #347BFF;
+		background-color: #36c;
 		border: 0;
 
 		// Mark as unread
@@ -20,7 +21,7 @@
 
 	&:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
 		// Mark as read
-		background-color: #ddd;
+		background-color: #99b2e5;
 
 		// Mark as unread
 		&-unread {