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) { -}