From a424bbfcae5e49f2d65213e00a952528ee63806c Mon Sep 17 00:00:00 2001
From: Harvey Kandola <harvey@documize.com>
Date: Mon, 7 Jan 2019 19:25:36 +0000
Subject: [PATCH] Round the corners for label color box!

---
 gui/app/pods/folders/template.hbs       | 3 +--
 gui/app/styles/core/layout/sidebar.scss | 4 ++++
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/gui/app/pods/folders/template.hbs b/gui/app/pods/folders/template.hbs
index cce6596e..6f904d17 100644
--- a/gui/app/pods/folders/template.hbs
+++ b/gui/app/pods/folders/template.hbs
@@ -34,8 +34,7 @@
 				{{#each labels as |label|}}
 					{{#if (gt label.count 0)}}
 						<div class="item {{if (eq selectedView label.id) "selected"}}" {{action "onSelect" label.id}}>
-							<i class={{concat "dicon " constants.Icon.Checkbox}}
-								style={{label.bgfgColor}}/>
+							<i class={{concat "dicon label-color " constants.Icon.Checkbox}} style={{label.bgfgColor}}/>
 							<div class="name">{{label.name}} ({{label.count}})</div>
 						</div>
 					{{/if}}
diff --git a/gui/app/styles/core/layout/sidebar.scss b/gui/app/styles/core/layout/sidebar.scss
index d2d05eb4..28c5b2a2 100644
--- a/gui/app/styles/core/layout/sidebar.scss
+++ b/gui/app/styles/core/layout/sidebar.scss
@@ -76,6 +76,10 @@
 					padding: 0;
 				}
 
+				> .label-color {
+					@include border-radius(3px);
+				}
+
 				&:hover {
 					> .dicon {
 						color: map-get($gray-shades, 600);