diff --git a/media/css/reader/reader.css b/media/css/reader/reader.css index 7048afb76..3a35c4506 100644 --- a/media/css/reader/reader.css +++ b/media/css/reader/reader.css @@ -3661,14 +3661,20 @@ body { .NB-feed-story .NB-feed-story-header .NB-feed-story-starred-date { font-size: 12px; - background: transparent url('/media/embed/icons/circular/clock.png') no-repeat 0 center; - background-size: 16px; - padding-left: 20px; -/* text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);*/ + /* text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);*/ color: #808080; display: block; clear: both; - margin: 6px 0; + margin: 6px 0 0; +} +.NB-feed-story .NB-feed-story-header .NB-feed-story-starred-date .NB-icon { + background: transparent url('/media/embed/icons/circular/clock.png') no-repeat 0 center; + background-size: 16px; + width: 16px; + height: 16px; + margin-top: 6px; + display: inline-block; + vertical-align: text-bottom; } .NB-theme-size-xs .NB-feed-story-header .NB-feed-story-starred-date { font-size: 10px; @@ -3682,6 +3688,14 @@ body { .NB-theme-size-xl .NB-feed-story-header .NB-feed-story-starred-date { font-size: 14px; } +.NB-pref-story-position-center .NB-feed-story-header .NB-feed-story-starred-date { + margin: 6px auto 0; + max-width: 700px; +} +.NB-pref-story-position-right .NB-feed-story-header .NB-feed-story-starred-date { + margin: 6px 0 0 auto; + max-width: 700px; +} .NB-feed-story .NB-feed-story-content { padding: 12px 0 0; diff --git a/media/js/newsblur/views/story_detail_view.js b/media/js/newsblur/views/story_detail_view.js index 7d98414d9..9e85a1d9a 100644 --- a/media/js/newsblur/views/story_detail_view.js +++ b/media/js/newsblur/views/story_detail_view.js @@ -250,7 +250,10 @@ NEWSBLUR.Views.StoryDetailView = Backbone.View.extend({ <% } %>\ \ <% if (story.get("starred_date")) { %>\ - <%= story.get("starred_date") %>\ +