Options pour personnaliser les icônes de lecture

Nouvelles options pour choisir d'afficher ou pas les icônes pour marquer
comme lu/non-lu, favoris, lien vers l'article, ainsi que les champs
partage, tags...
Légères simplifications CSS et PHP au passage.

(Note pour plus tard : Il serait peut-être souhaitable de simplifier le
mécanisme des options en PHP, par exemple en utilisant un tableau de
propriétés. Actuellement, il y a un attribut par option accompagné d'un
accesseur privé, un accesseur public, et idem dans le système de
chargement/écriture du fichier de configuration, ce qui fait beaucoup de
code PHP par option)

2 files changed, 39 insertions, 14 deletions

diff --git a/public/themes/default/freshrss.css b/public/themes/default/freshrss.css
index e464b9fe4..bf4b0ab09 100644
--- a/public/themes/default/freshrss.css
+++ b/public/themes/default/freshrss.css
@@ -240,12 +240,12 @@
 		border-top: 1px solid #ddd;
 	}
 		.item.manage {
-			width: 80px;
+			width: 40px;
 			white-space: nowrap;
 			font-size: 0px;
 			text-align: center;
 		}
-			.item.manage .read {
+			.read {
 				display: inline-block;
 				width: 40px;
 				height: 40px;
@@ -253,14 +253,14 @@
 				background: url("icons/read.svg") center center no-repeat;
 				vertical-align: middle;
 			}
-				.item.manage .read:hover {
+				.read:hover {
 					text-decoration: none;
 				}
-				.flux.not_read .item.manage .read {
+				.flux.not_read .read {
 					background: url("icons/unread.png") center center no-repeat;
 					background: url("icons/unread.svg") center center no-repeat;
 				}
-			.item.manage .bookmark {
+			.bookmark {
 				display: inline-block;
 				width: 40px;
 				height: 40px;
@@ -268,10 +268,10 @@
 				background: url("icons/non-starred.svg") center center no-repeat;
 				vertical-align: middle;
 			}
-				.item.manage .bookmark:hover {
+				.bookmark:hover {
 					text-decoration: none;
 				}
-				.flux.favorite .item.manage .bookmark {
+				.flux.favorite .bookmark {
 					background: url("icons/starred.png") center center no-repeat;
 					background: url("icons/starred.svg") center center no-repeat;
 				}
@@ -308,6 +308,7 @@
 		.item.date {
 			width: 200px;
 			overflow: hidden;
+			padding:0 5px 0 0;
 			white-space: nowrap;
 			text-overflow: ellipsis;
 			text-align: right;
@@ -637,6 +638,18 @@
 		color: #aaa;
 	}
 
+.form-group table {
+	border-collapse:collapse;
+	margin:10px 0 0 220px;
+	text-align:center;
+}
+
+.form-group tr, .form-group th, .form-group td {
+	border:1px solid #DDD;
+	font-weight:normal;
+	padding:.5em;
+}
+
 @media(max-width: 840px) {
 	.header,
 	.aside .btn-important,
diff --git a/public/themes/flat-design/freshrss.css b/public/themes/flat-design/freshrss.css
index 49533f017..ede188ccb 100644
--- a/public/themes/flat-design/freshrss.css
+++ b/public/themes/flat-design/freshrss.css
@@ -227,12 +227,12 @@ body {
 		border-top: 1px solid #ecf0f1;
 	}
 		.item.manage {
-			width: 80px;
+			width: 40px;
 			white-space: nowrap;
 			font-size: 0px;
 			text-align: center;
 		}
-			.item.manage .read {
+			.read {
 				display: inline-block;
 				width: 40px;
 				height: 40px;
@@ -240,14 +240,14 @@ body {
 				background: url("icons/read.svg") center center no-repeat;
 				vertical-align: middle;
 			}
-				.item.manage .read:hover {
+				.read:hover {
 					text-decoration: none;
 				}
-				.flux.not_read .item.manage .read {
+				.flux.not_read .read {
 					background: url("icons/unread.png") center center no-repeat;
 					background: url("icons/unread.svg") center center no-repeat;
 				}
-			.item.manage .bookmark {
+			.bookmark {
 				display: inline-block;
 				width: 40px;
 				height: 40px;
@@ -255,10 +255,10 @@ body {
 				background: url("icons/non-starred.svg") center center no-repeat;
 				vertical-align: middle;
 			}
-				.item.manage .bookmark:hover {
+				.bookmark:hover {
 					text-decoration: none;
 				}
-				.flux.favorite .item.manage .bookmark {
+				.flux.favorite .bookmark {
 					background: url("icons/starred.png") center center no-repeat;
 					background: url("icons/starred.svg") center center no-repeat;
 				}
@@ -295,6 +295,7 @@ body {
 		.item.date {
 			width: 200px;
 			overflow: hidden;
+			padding:0 5px 0 0;
 			white-space: nowrap;
 			text-overflow: ellipsis;
 			text-align: right;
@@ -642,6 +643,17 @@ body {
 				background: #ecf0f1;
 			}
 
+.form-group table {
+	border-collapse:collapse;
+	margin:10px 0 0 220px;
+	text-align:center;
+}
+
+.form-group tr, .form-group th, .form-group td {
+	font-weight:normal;
+	padding:.5em;
+}
+
 @media(max-width: 840px) {
 	.header,
 	.aside .btn-important,