replace plugin.png with scalable icon

classes/pref/prefs.php

@@ -746,9 +746,9 @@ class Pref_Prefs extends Handler_Protected {
 						dojoType=\"dijit.form.CheckBox\" $checked
 						type=\"checkbox\"></td>";
 
-				$plugin_icon = $checked ? "plugin.png" : "plugin_disabled.png";
+				$icon_class = $checked ? "plugin-enabled" : "plugin-disabled";
 
-				print "<td><label><img src='images/$plugin_icon' alt=''> $name</label></td>";
+				print "<td><label><i class='material-icons $icon_class'>settings</i> $name</label></td>";
 				print "<td>" . htmlspecialchars($about[1]);
 				if (@$about[4]) {
 					print " &mdash; <a target=\"_blank\" rel=\"noopener noreferrer\" class=\"visibleLink\"
@@ -801,13 +801,13 @@ class Pref_Prefs extends Handler_Protected {
 
 				print "<tr class='$rowclass'>";
 
-				$plugin_icon = $checked ? "plugin.png" : "plugin_disabled.png";
+				$icon_class = $checked ? "plugin-enabled" : "plugin-disabled";
 
 				print "<td align='center'><input id='FPCHK-$name' name='plugins[]' value='$name' onclick='Tables.onRowChecked(this);'
 					dojoType=\"dijit.form.CheckBox\" $checked $disabled
 					type=\"checkbox\"></td>";
 
-				print "<td><label for='FPCHK-$name'><img src='images/$plugin_icon' alt=''> $name</label></td>";
+				print "<td><label for='FPCHK-$name'><i class='material-icons $icon_class'>settings</i> $name</label></td>";
 				print "<td><label for='FPCHK-$name'>" . htmlspecialchars($about[1]) . "</label>";
 				if (@$about[4]) {
 					print " &mdash; <a target=\"_blank\" rel=\"noopener noreferrer\" class=\"visibleLink\"

css/default.css

@@ -1484,6 +1484,12 @@ body.ttrss_prefs table.prefUserList td {
 body.ttrss_prefs table.prefPluginsList label {
   white-space: nowrap;
 }
+body.ttrss_prefs table.prefPluginsList i.plugin-enabled {
+  color: #69C671;
+}
+body.ttrss_prefs table.prefPluginsList i.plugin-disabled {
+  color: #999;
+}
 body.ttrss_prefs table.prefPluginsList label img {
   vertical-align: middle;
 }
@@ -1934,7 +1940,7 @@ body.ttrss_zoom div.post div.content pre {
   font-family: 'Material Icons';
   font-weight: normal;
   font-style: normal;
-  font-size: 24px;
+  font-size: 18px;
   /* Preferred icon size */
   display: inline-block;
   line-height: 1;
@@ -1943,6 +1949,7 @@ body.ttrss_zoom div.post div.content pre {
   word-wrap: normal;
   white-space: nowrap;
   direction: ltr;
+  vertical-align: middle;
   /* Support for all WebKit browsers. */
   -webkit-font-smoothing: antialiased;
   /* Support for Safari and Chrome. */

css/defines.less

@@ -42,7 +42,7 @@ body.ttrss_prefs,
   font-family: 'Material Icons';
   font-weight: normal;
   font-style: normal;
-  font-size: 24px;  /* Preferred icon size */
+  font-size: 18px;  /* Preferred icon size */
   display: inline-block;
   line-height: 1;
   text-transform: none;
@@ -50,6 +50,7 @@ body.ttrss_prefs,
   word-wrap: normal;
   white-space: nowrap;
   direction: ltr;
+  vertical-align: middle;
 
   /* Support for all WebKit browsers. */
   -webkit-font-smoothing: antialiased;

css/prefs.less

@@ -122,8 +122,18 @@ body.ttrss_prefs {
 		cursor : pointer;
 	}
 
-	table.prefPluginsList label {
-		white-space : nowrap;
+	table.prefPluginsList{
+		label {
+			white-space : nowrap;
+		}
+
+		i.plugin-enabled {
+			color : #69C671;
+		}
+
+		i.plugin-disabled {
+			color : #999;
+		}
 	}
 
 	table.prefPluginsList label img {

themes/night.css

@@ -1484,6 +1484,12 @@ body.ttrss_prefs table.prefUserList td {
 body.ttrss_prefs table.prefPluginsList label {
   white-space: nowrap;
 }
+body.ttrss_prefs table.prefPluginsList i.plugin-enabled {
+  color: #69C671;
+}
+body.ttrss_prefs table.prefPluginsList i.plugin-disabled {
+  color: #999;
+}
 body.ttrss_prefs table.prefPluginsList label img {
   vertical-align: middle;
 }
@@ -1934,7 +1940,7 @@ body.ttrss_zoom div.post div.content pre {
   font-family: 'Material Icons';
   font-weight: normal;
   font-style: normal;
-  font-size: 24px;
+  font-size: 18px;
   /* Preferred icon size */
   display: inline-block;
   line-height: 1;
@@ -1943,6 +1949,7 @@ body.ttrss_zoom div.post div.content pre {
   word-wrap: normal;
   white-space: nowrap;
   direction: ltr;
+  vertical-align: middle;
   /* Support for all WebKit browsers. */
   -webkit-font-smoothing: antialiased;
   /* Support for Safari and Chrome. */