1 files changed, 43 insertions, 16 deletions

diff --git a/css/tt-rss.less b/css/tt-rss.less
index 02ffd17aa..1e382eb4c 100755
--- a/css/tt-rss.less
+++ b/css/tt-rss.less
@@ -212,19 +212,33 @@ body.ttrss_main {
 		> * {
 			align-self : center;
 			white-space : nowrap;
-			padding : 5px;
+			padding : 4px;
 		}
 
 		img {
 			vertical-align : middle;
 		}
+		.left, .right {
+			display : flex;
+
+			> * {
+				align-self : center;
+			}
+
+			i.material-icons {
+				margin-left : 2px;
+				font-size : 20px;
+				padding : 2px;
+				transition : color 0.2s linear;
+				user-select: none;
+			}
+		}
 
 		div.title {
 			cursor : pointer;
 			flex-grow : 2;
 			overflow : hidden;
 			text-overflow : ellipsis;
-			padding-left : 5px;
 		}
 
 		div.right {
@@ -459,19 +473,9 @@ body.ttrss_main {
 		border-radius : 4px;
 	}
 
-	img.marked-pic, img.pub-pic {
+	i.marked-pic, i.pub-pic {
 		cursor : pointer;
-		vertical-align : middle;
-		opacity : 0.5;
-		transition : opacity 0.25s;
-	}
-
-	img.marked-pic:hover, img.pub-pic:hover {
-		opacity : 1;
-	}
-
-	img[src*='pub_set.png'], img[src*='mark_set.png'] {
-		opacity : 1;
+		color : #ccc;
 	}
 
 	div.tagCloudContainer {
@@ -515,8 +519,12 @@ body.ttrss_main {
 		padding : 0px;
 
 		li {
-			margin : 0px;
-			padding : 2px 4px 2px 4px;
+			display : flex;
+
+			> * {
+				align-self : center;
+				margin : 2px;
+			}
 		}
 	}
 
@@ -1133,6 +1141,25 @@ body.ttrss_main .dijitDialog {
 	}
 }
 
+body.ttrss_main {
+	i.icon-syndicate {
+		font-size : 19px;
+		color : #ff5718;
+		margin-right : 2px;
+	}
+
+	.cdm.marked .left i.marked-pic,
+	.hl.marked .left i.marked-pic {
+		color : #ffc069;
+	}
+
+	.cdm.published .left i.pub-pic,
+	.hl.published .left i.pub-pic {
+		color : #ff5718;
+	}
+
+}
+
 ::selection {
 	background : @color-accent;
 	color : white;