minor fixes to pub/mark icons etc

classes/feeds.php

@@ -35,7 +35,7 @@ class Feeds extends Handler_Protected {
 		$reply .= "<a href=\"#\"
 				title=\"".__("Show as feed")."\"
 				onclick=\"App.displayDlg('".__("Show as feed")."','generatedFeed', '$feed_id:$is_cat:$rss_link')\">
-				<img src=\"images/pub_set.png\"></a>";
+				<i class='icon-syndicate material-icons'>rss_feed</i></a>";
 
 		$reply .= "<span id='feed_title' class='$error_class'>";
 

css/cdm.less

@@ -26,8 +26,9 @@
 
 			i.material-icons {
 				margin-left : 2px;
-				font-size : 18px;
+				font-size : 20px;
 				padding : 2px;
+				user-select: none;
 			}
 		}
 

css/default.css

@@ -197,8 +197,10 @@ body.ttrss_main .hl .left > * {
 }
 body.ttrss_main .hl .left i.material-icons {
   margin-left: 2px;
-  font-size: 18px;
+  font-size: 20px;
   padding: 2px;
+  transition: color 0.2s linear;
+  user-select: none;
 }
 body.ttrss_main .hl div.title {
   cursor: pointer;
@@ -740,6 +742,11 @@ body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left {
   flex-grow: 2;
   display: flex;
 }
+body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left i.icon-syndicate {
+  font-size: 19px;
+  color: #ff5718;
+  margin-right: 2px;
+}
 body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left img {
   vertical-align: middle;
   margin-right: 8px;
@@ -961,9 +968,11 @@ body.ttrss_main .dijitDialog h3:first-of-type,
 body.ttrss_main .dijitDialog h4:first-of-type {
   margin-top: 0px;
 }
+.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;
 }
@@ -1004,8 +1013,9 @@ body.ttrss_main .dijitDialog h4:first-of-type {
 }
 .cdm .header .left i.material-icons {
   margin-left: 2px;
-  font-size: 18px;
+  font-size: 20px;
   padding: 2px;
+  user-select: none;
 }
 .cdm .header .titleWrap {
   flex-grow: 2;

css/tt-rss.less

@@ -228,8 +228,10 @@ body.ttrss_main {
 
 			i.material-icons {
 				margin-left : 2px;
-				font-size : 18px;
+				font-size : 20px;
 				padding : 2px;
+				transition : color 0.2s linear;
+				user-select: none;
 			}
 		}
 
@@ -869,6 +871,12 @@ body.ttrss_main {
 					flex-grow: 2;
 					display : flex;
 
+					i.icon-syndicate {
+						font-size : 19px;
+						color : #ff5718;
+						margin-right : 2px;
+					}
+
 					img {
 						vertical-align : middle;
 						margin-right : 8px;
@@ -1136,14 +1144,18 @@ body.ttrss_main .dijitDialog {
 	}
 }
 
+
+.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;

themes/night.css

@@ -197,8 +197,10 @@ body.ttrss_main .hl .left > * {
 }
 body.ttrss_main .hl .left i.material-icons {
   margin-left: 2px;
-  font-size: 18px;
+  font-size: 20px;
   padding: 2px;
+  transition: color 0.2s linear;
+  user-select: none;
 }
 body.ttrss_main .hl div.title {
   cursor: pointer;
@@ -740,6 +742,11 @@ body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left {
   flex-grow: 2;
   display: flex;
 }
+body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left i.icon-syndicate {
+  font-size: 19px;
+  color: #ff5718;
+  margin-right: 2px;
+}
 body.ttrss_main #toolbar-frame #toolbar #toolbar-headlines .left img {
   vertical-align: middle;
   margin-right: 8px;
@@ -961,9 +968,11 @@ body.ttrss_main .dijitDialog h3:first-of-type,
 body.ttrss_main .dijitDialog h4:first-of-type {
   margin-top: 0px;
 }
+.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;
 }
@@ -1004,8 +1013,9 @@ body.ttrss_main .dijitDialog h4:first-of-type {
 }
 .cdm .header .left i.material-icons {
   margin-left: 2px;
-  font-size: 18px;
+  font-size: 20px;
   padding: 2px;
+  user-select: none;
 }
 .cdm .header .titleWrap {
   flex-grow: 2;