diff --git a/src/sass/tweet/_base.scss b/src/sass/tweet/_base.scss index e29b880..f7087b7 100644 --- a/src/sass/tweet/_base.scss +++ b/src/sass/tweet/_base.scss @@ -174,7 +174,8 @@ .tweet-stat { padding-top: 5px; - padding-right: 8px; + min-width: 1em; + margin-right: 0.8em; } .show-thread { diff --git a/src/views/general.nim b/src/views/general.nim index 330b572..f8e01f9 100644 --- a/src/views/general.nim +++ b/src/views/general.nim @@ -45,7 +45,7 @@ proc renderHead*(prefs: Prefs; cfg: Config; titleText=""; desc=""; video=""; let opensearchUrl = getUrlPrefix(cfg) & "/opensearch" buildHtml(head): - link(rel="stylesheet", type="text/css", href="/css/style.css?v=7") + link(rel="stylesheet", type="text/css", href="/css/style.css?v=8") link(rel="stylesheet", type="text/css", href="/css/fontello.css?v=2") if theme.len > 0: diff --git a/src/views/tweet.nim b/src/views/tweet.nim index e8246d7..b04fb0c 100644 --- a/src/views/tweet.nim +++ b/src/views/tweet.nim @@ -181,12 +181,16 @@ proc renderCard(card: Card; prefs: Prefs; path: string): VNode = tdiv(class="card-content-container"): renderCardContent(card) +func formatStat(stat: int): string = + if stat > 0: insertSep($stat, ',') + else: "" + proc renderStats(stats: TweetStats; views: string): VNode = buildHtml(tdiv(class="tweet-stats")): - span(class="tweet-stat"): icon "comment", insertSep($stats.replies, ',') - span(class="tweet-stat"): icon "retweet", insertSep($stats.retweets, ',') - span(class="tweet-stat"): icon "quote", insertSep($stats.quotes, ',') - span(class="tweet-stat"): icon "heart", insertSep($stats.likes, ',') + span(class="tweet-stat"): icon "comment", formatStat(stats.replies) + span(class="tweet-stat"): icon "retweet", formatStat(stats.retweets) + span(class="tweet-stat"): icon "quote", formatStat(stats.quotes) + span(class="tweet-stat"): icon "heart", formatStat(stats.likes) if views.len > 0: span(class="tweet-stat"): icon "play", insertSep(views, ',')