From 8ccf6cb8a36361aee85c3c700f5761a106f2a3d9 Mon Sep 17 00:00:00 2001
From: Brent Hughes <brent.hughes@stackpath.com>
Date: Wed, 18 Apr 2018 10:55:01 -0500
Subject: [PATCH] Updated tag note count to float to the right like the storage
 list

---
 browser/components/TagListItem.js   | 2 +-
 browser/components/TagListItem.styl | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/browser/components/TagListItem.js b/browser/components/TagListItem.js
index ebef7df4..4346ac21 100644
--- a/browser/components/TagListItem.js
+++ b/browser/components/TagListItem.js
@@ -16,7 +16,7 @@ const TagListItem = ({name, handleClickTagListItem, isActive, count}) => (
   <button styleName={isActive ? 'tagList-item-active' : 'tagList-item'} onClick={() => handleClickTagListItem(name)}>
     <span styleName='tagList-item-name'>
       {`# ${name}`}
-      <span styleName='tagList-item-count'> {count}</span>
+      <span styleName='tagList-item-count'>{count}</span>
     </span>
   </button>
 )
diff --git a/browser/components/TagListItem.styl b/browser/components/TagListItem.styl
index b35b30cf..513d112a 100644
--- a/browser/components/TagListItem.styl
+++ b/browser/components/TagListItem.styl
@@ -49,7 +49,10 @@
   text-overflow ellipsis
 
 .tagList-item-count
-  padding 0 3px
+  float right
+  line-height 26px
+  padding-right 15px
+  font-size 13px
 
 body[data-theme="white"]
   .tagList-item