improved: Pafat theme aside bar (#4792)

p/themes/Pafat/pafat.css

@@ -429,15 +429,18 @@ a.btn {
 	margin: 10px 0;
 }
 
+.tree-folder {
+	padding: 0.25rem 0.5rem;
+}
+
 .tree-folder-title {
-	margin: 5px;
 	padding: 0.125rem 0.5rem;
 	background: #5bc0de;
 	color: #fff;
 	font-size: 0.9rem;
 	border-top: 1px solid transparent;
 	border-bottom: 1px solid transparent;
-	border-radius: 5px;
+	border-radius: 0.25rem;
 	position: relative;
 	line-height: 2rem;
 }
@@ -459,12 +462,21 @@ a.btn {
 	border-bottom: 1px solid #666;
 }
 
-.tree-folder-items > .item {
-	padding: 0 10px;
+.aside_feed .configure-feeds .btn {
+	padding: 0.125rem 0.75rem;
+}
+
+
+.aside_feed .tree-folder-items > .item.feed {
+	padding: 0 0.5rem;
 	line-height: 2.5rem;
 	font-size: 0.8rem;
 }
 
+.aside .feed .item-title:not([data-unread="0"])::after {
+	right: 0.5rem;
+}
+
 .tree-folder-items > .item.active {
 	background: #5cb85c;
 }
@@ -548,6 +560,10 @@ a.signin {
 	color: white;
 }
 
+.aside.aside_feed .tree-folder.category.active .feed .item-title:not([data-unread="0"])::after {
+	background-color: #39b3d7;
+}
+
 .aside.aside_feed .category .title:not([data-unread="0"])::after {
 	right: 0.5rem;
 }

p/themes/Pafat/pafat.rtl.css

@@ -429,15 +429,18 @@ a.btn {
 	margin: 10px 0;
 }
 
+.tree-folder {
+	padding: 0.25rem 0.5rem;
+}
+
 .tree-folder-title {
-	margin: 5px;
 	padding: 0.125rem 0.5rem;
 	background: #5bc0de;
 	color: #fff;
 	font-size: 0.9rem;
 	border-top: 1px solid transparent;
 	border-bottom: 1px solid transparent;
-	border-radius: 5px;
+	border-radius: 0.25rem;
 	position: relative;
 	line-height: 2rem;
 }
@@ -459,12 +462,21 @@ a.btn {
 	border-bottom: 1px solid #666;
 }
 
-.tree-folder-items > .item {
-	padding: 0 10px;
+.aside_feed .configure-feeds .btn {
+	padding: 0.125rem 0.75rem;
+}
+
+
+.aside_feed .tree-folder-items > .item.feed {
+	padding: 0 0.5rem;
 	line-height: 2.5rem;
 	font-size: 0.8rem;
 }
 
+.aside .feed .item-title:not([data-unread="0"])::after {
+	left: 0.5rem;
+}
+
 .tree-folder-items > .item.active {
 	background: #5cb85c;
 }
@@ -548,6 +560,10 @@ a.signin {
 	color: white;
 }
 
+.aside.aside_feed .tree-folder.category.active .feed .item-title:not([data-unread="0"])::after {
+	background-color: #39b3d7;
+}
+
 .aside.aside_feed .category .title:not([data-unread="0"])::after {
 	left: 0.5rem;
 }

p/themes/base-theme/frss.css

@@ -1836,7 +1836,7 @@ input:checked + .slide-container .properties {
 
 .feed .item-title:not([data-unread="0"]) {
 	font-weight: bold;
-	width: calc(100% - 80px);
+	width: calc(100% - 5.5rem);
 }
 
 .state_unread .category:not(.active)[data-unread="0"],

p/themes/base-theme/frss.rtl.css

@@ -1836,7 +1836,7 @@ input:checked + .slide-container .properties {
 
 .feed .item-title:not([data-unread="0"]) {
 	font-weight: bold;
-	width: calc(100% - 80px);
+	width: calc(100% - 5.5rem);
 }
 
 .state_unread .category:not(.active)[data-unread="0"],