chore: pretty up grant tabs

gitcoinco · Sep 26, 2019 · 5f15572 · 5f15572
1 parent 99a6d1c
commit 5f15572
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 17 deletions.
diff --git 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
@@ -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>