fix: unread counter (#4788)

* fix

* fix

* fix

3 files changed, 15 insertions, 16 deletions

diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index 03f721be6..ca72e596c 100644
--- a/p/themes/Swage/swage.css
+++ b/p/themes/Swage/swage.css
@@ -549,19 +549,17 @@ form th {
 	margin: 10px 0;
 }
 
-.tree-folder-title {
-	padding: 0 10px;
+.aside_feed .tree-folder-title {
+	padding: 0.3rem 0.75rem;
 	background: #22303d;
-	height: 35px;
 	font-size: 1rem;
 	position: relative;
-	line-height: 2rem;
 }
-.tree-folder-title .title {
+.aside_feed .tree-folder-title .title {
 	background: inherit;
 	color: #fcfcfc;
 }
-.tree-folder-title .title:hover {
+.aside_feed .tree-folder-title .title:hover {
 	text-decoration: none;
 }
 
@@ -665,6 +663,7 @@ form th {
 }
 
 .aside_feed .category .title:not([data-unread="0"])::after {
+	margin: 0.5rem 0 0 0;
 	background-color: #00488b;
 	color: #fcfcfc;
 }
@@ -789,6 +788,7 @@ form th {
 .flux:hover:not(.current):hover .item.title,
 .flux .current:not(.current):hover .item.title {
 	background: #fff;
+	top: 0.15rem;
 }
 .flux.favorite:not(.current) {
 	background: #fff6da;
diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css
index d6aea4151..b9b66bc13 100644
--- a/p/themes/Swage/swage.rtl.css
+++ b/p/themes/Swage/swage.rtl.css
@@ -549,19 +549,17 @@ form th {
 	margin: 10px 0;
 }
 
-.tree-folder-title {
-	padding: 0 10px;
+.aside_feed .tree-folder-title {
+	padding: 0.3rem 0.75rem;
 	background: #22303d;
-	height: 35px;
 	font-size: 1rem;
 	position: relative;
-	line-height: 2rem;
 }
-.tree-folder-title .title {
+.aside_feed .tree-folder-title .title {
 	background: inherit;
 	color: #fcfcfc;
 }
-.tree-folder-title .title:hover {
+.aside_feed .tree-folder-title .title:hover {
 	text-decoration: none;
 }
 
@@ -665,6 +663,7 @@ form th {
 }
 
 .aside_feed .category .title:not([data-unread="0"])::after {
+	margin: 0.5rem 0 0 0;
 	background-color: #00488b;
 	color: #fcfcfc;
 }
@@ -789,6 +788,7 @@ form th {
 .flux:hover:not(.current):hover .item.title,
 .flux .current:not(.current):hover .item.title {
 	background: #fff;
+	top: 0.15rem;
 }
 .flux.favorite:not(.current) {
 	background: #fff6da;
diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss
index 26b5096bc..d497865d1 100644
--- a/p/themes/Swage/swage.scss
+++ b/p/themes/Swage/swage.scss
@@ -711,13 +711,11 @@ form {
 	margin: 10px 0;
 }
 
-.tree-folder-title {
-	padding: 0 10px;
+.aside_feed .tree-folder-title {
+	padding: 0.3rem 0.75rem;
 	background: $color_aside;
-	height: 35px;
 	font-size: 1rem;
 	position: relative;
-	line-height: 2rem;
 
 	.title {
 		background: inherit;
@@ -865,6 +863,7 @@ form {
 
 .aside_feed {
 	.category .title:not([data-unread="0"])::after {
+		margin: 0.5rem 0 0 0;
 		background-color: #00488b;
 		color: #fcfcfc;
 	}