From 17ea9d9799b4eff6c40bb9e205576bf305ee3f7f Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Mon, 2 Oct 2017 17:01:51 +0100
Subject: [PATCH] Style project list tags.

---
 services/web/public/stylesheets/app/project-list.less       | 6 ++++++
 services/web/public/stylesheets/core/_common-variables.less | 4 ++++
 services/web/public/stylesheets/core/ol-variables.less      | 5 +++++
 3 files changed, 15 insertions(+)

diff --git a/services/web/public/stylesheets/app/project-list.less b/services/web/public/stylesheets/app/project-list.less
index b210b93477..e5f4a9caff 100644
--- a/services/web/public/stylesheets/app/project-list.less
+++ b/services/web/public/stylesheets/app/project-list.less
@@ -294,6 +294,12 @@ ul.project-list {
 				display: inline-block;
 				padding-top: 0.3em;
 				color: #FFF;
+				border-radius: @tag-border-radius;
+				background-color: @tag-bg-color;
+				&:hover,
+				&:focus {
+					background-color: @tag-bg-hover-color;
+				}
 			}
 			.tag-label-name {
 				padding-right: 0.3em;
diff --git a/services/web/public/stylesheets/core/_common-variables.less b/services/web/public/stylesheets/core/_common-variables.less
index 83fa3e3e55..75a57c5e7f 100644
--- a/services/web/public/stylesheets/core/_common-variables.less
+++ b/services/web/public/stylesheets/core/_common-variables.less
@@ -828,6 +828,10 @@
 @btn-border-width: 1px;        
 @btn-border-bottom-width: 2px; 
 
+@tag-border-radius: 0.25em;
+@tag-bg-color: inherit;
+@tag-bg-hover-color: inherit;
+
 @left-menu-width: 260px;
 @left-menu-animation-duration: 0.35s;
 
diff --git a/services/web/public/stylesheets/core/ol-variables.less b/services/web/public/stylesheets/core/ol-variables.less
index 484e851179..26c975b277 100644
--- a/services/web/public/stylesheets/core/ol-variables.less
+++ b/services/web/public/stylesheets/core/ol-variables.less
@@ -56,6 +56,11 @@
 @btn-info-bg             : @ol-blue;
 @btn-info-border         : transparent;
 
+// Tags
+@tag-border-radius       : 999px;
+@tag-bg-color            : @ol-green;
+@tag-bg-hover-color      : @ol-dark-green;
+
 // Navbar
 @navbar-default-padding           : (@grid-gutter-width / 2) 0;
 @navbar-default-link-color        : #FFF;