Petites modifs design : agrandissement des zones de clic autour des icones marquer comme lu, favoris, notes et voir sur le site d'origine + seul le clic sur le titre ou la date déroule l'article

2 files changed, 13 insertions, 13 deletions

diff --git a/app/views/javascript/main.phtml b/app/views/javascript/main.phtml
index b77e25c83..4f049e11d 100644
--- a/app/views/javascript/main.phtml
+++ b/app/views/javascript/main.phtml
@@ -130,9 +130,9 @@ function init_posts () {
 		$(".flux:not(.active) .content").hide ();
 	}
 
-	$(".flux .flux_header").click (function () {
+	$(".flux_header .item.title, .flux_header .item.date").click (function () {
 		old_active = $(".flux.active");
-		new_active = $(this).parent ();
+		new_active = $(this).parent ().parent ();
 
 		toggleContent (new_active, old_active);
 	});
diff --git a/public/theme/base.css b/public/theme/base.css
index c59ce1187..a8a06932d 100644
--- a/public/theme/base.css
+++ b/public/theme/base.css
@@ -645,7 +645,7 @@ input, select, textarea {
 			vertical-align: middle;
 		}
 			.flux_header .item.manage {
-				width: 75px;
+				width: 90px;
 				white-space: nowrap;
 				font-size: 0px;
 				vertical-align: middle;
@@ -653,8 +653,8 @@ input, select, textarea {
 			}
 				.flux_header .item.manage .read {
 					display: inline-block;
-					width: 25px;
-					height: 25px;
+					width: 30px;
+					height: 35px;
 					background: url("icons/read.svg") center center no-repeat;
 					vertical-align: middle;
 				}
@@ -666,8 +666,8 @@ input, select, textarea {
 					}
 				.flux_header .item.manage .bookmark {
 					display: inline-block;
-					width: 25px;
-					height: 25px;
+					width: 30px;
+					height: 35px;
 					background: url("icons/non-starred.svg") center center no-repeat;
 					vertical-align: middle;
 				}
@@ -679,12 +679,14 @@ input, select, textarea {
 					}
 				.flux_header .item.manage .note {
 					display: inline-block;
-					width: 25px;
-					height: 25px;
+					width: 30px;
+					height: 35px;
 					vertical-align: middle;
+					line-height: 35px;
 				}
 			.flux_header .item.website {
 				width: 200px;
+				padding: 0 5px;
 				overflow: hidden;
 				white-space: nowrap;
 				text-overflow: ellipsis;
@@ -717,8 +719,8 @@ input, select, textarea {
 			}
 				.flux_header .item.link a {
 					display: inline-block;
-					width: 25px;
-					height: 25px;
+					width: 35px;
+					height: 35px;
 					background: url("icons/link.svg") center center no-repeat;
 					vertical-align: middle;
 				}
@@ -844,5 +846,3 @@ input, select, textarea {
 		width: 100px;
 	}
 }
-@media(max-width: 450px) {
-}