Fix card count position

When introducing markdown in the title (b795115042), 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
6 years ago · 9bf19f81a4
parent b983479476
commit 9bf19f81a4
2 changed files with 5 additions and 1 deletions
--- 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
--- 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