From 5f155721e7ba234c1e323acc192e6fb5b2f9080f Mon Sep 17 00:00:00 2001
From: Aditya Anand M C <aditya.anandmc@gmail.com>
Date: Thu, 26 Sep 2019 16:38:39 +0530
Subject: [PATCH] chore: pretty up grant tabs

---
 app/assets/v2/css/tabs.css                   | 17 +++--------------
 app/grants/templates/grants/detail/tabs.html |  6 +++---
 2 files changed, 6 insertions(+), 17 deletions(-)

diff --git a/app/assets/v2/css/tabs.css b/app/assets/v2/css/tabs.css
index c4c75ba4b22..11a16b63f16 100644
--- a/app/assets/v2/css/tabs.css
+++ b/app/assets/v2/css/tabs.css
@@ -36,7 +36,7 @@
 .section-tab.active {
   color: var(--gc-blue);
   border-bottom: 4px var(--gc-blue) solid;
-  font-weight: bold;
+  font-weight: 600;
 }
 
 .tab-sections {
@@ -54,21 +54,10 @@
   display: block;
 }
 
-.nav-badge::after {
-  padding: 4px 11px;
-  background-color: rgba(62,0,255, 0.10);
-  content: '';
-  border-radius: 50%;
-  position: relative;
-  left: -1rem;
-}
-
 .nav-badge {
-  font-size: 10px;
+  font-size: 9px;
   color: rgba(62,0,255);
-  line-height: 10px;
-  margin-left: 0.5rem;
-  top: -2px;
+  top: -8px;
   position: relative;
   font-weight: bold;
 }
diff --git a/app/grants/templates/grants/detail/tabs.html b/app/grants/templates/grants/detail/tabs.html
index 900da19ca61..d9393cdbaf2 100644
--- a/app/grants/templates/grants/detail/tabs.html
+++ b/app/grants/templates/grants/detail/tabs.html
@@ -24,17 +24,17 @@
 
     <button type="button" id="nav-transactions" href="{{grant.url}}?tab=activity" class="section-tab {% if tab == "activity" %} active {% endif %}">
       {% trans "ACTIVITY" %}
-      <span class="nav-badge">{{ activity_count }}</span>
+      <span class="nav-badge">({{ activity_count }})</span>
     </button>
 
     <button type="button" id="nav-summary" href="{{grant.url}}?tab=updates" class="section-tab {% if tab == "updates" %} active {% endif %}">
       {% trans "UPDATES" %}
-      <span class="nav-badge">0</span>
+      <span class="nav-badge">(0)</span>
     </button>
 
     <button type="button" id="nav-contributors" href="{{grant.url}}?tab=contributors" class="section-tab {% if tab == "contributors" %} active {% endif %}">
       {% trans "CONTRIBUTORS" %}
-      <span class="nav-badge">{{ contributors|length }}</span>
+      <span class="nav-badge">({{ contributors|length }})</span>
     </button>
 
   </div>