From 9bf19f81a48a2e30f32fbc71b2faaa8807d56cdb Mon Sep 17 00:00:00 2001
From: Benjamin Tissoires <benjamin.tissoires@redhat.com>
Date: Tue, 14 May 2019 09:33:31 +0200
Subject: [PATCH] Fix card count position

When introducing markdown in the title (b795115042c2eb6bccb), the card
count got pushed outside of the List Header.

Add its own style (by manually merge small and quiet), and restore its
original placement.

Fixes #2403
---
 client/components/lists/list.styl       | 4 ++++
 client/components/lists/listHeader.jade | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/components/lists/list.styl b/client/components/lists/list.styl
index dcbeb93f9..05da07e1e 100644
--- a/client/components/lists/list.styl
+++ b/client/components/lists/list.styl
@@ -99,6 +99,10 @@
   .highlight
     color: #ce1414
 
+  .cardCount
+    color: #8c8c8c
+    font-size: 0.8em
+
 .list-body
   flex: 1 1 auto
   flex-direction: column
diff --git a/client/components/lists/listHeader.jade b/client/components/lists/listHeader.jade
index d9644d001..306659b43 100644
--- a/client/components/lists/listHeader.jade
+++ b/client/components/lists/listHeader.jade
@@ -19,7 +19,7 @@ template(name="listHeader")
 
         if showCardsCountForList cards.count
           |&nbsp;
-          p.quiet.small {{cardsCount}} {{_ 'cards-count'}}
+          span(class="cardCount") {{cardsCount}} {{_ 'cards-count'}}
       if isMiniScreen
         if currentList
           if isWatching