diff options
author | Jonas Sulzer <jonas@violoncello.ch> | 2019-05-30 00:57:58 +0200 |
---|---|---|
committer | Jonas Sulzer <jonas@violoncello.ch> | 2019-05-30 00:57:58 +0200 |
commit | 8e7d1f7d7e981de248f92962e555b3fb9b175fd8 (patch) | |
tree | ac26d990681e00ab8ee16563c68ff9ef52db5853 | |
parent | 2dca0728e9d00fda1572d5ed51094afa1e10543e (diff) |
👌 IMPROVE: add padding between boost icon and text
Signed-off-by: Jonas Sulzer <jonas@violoncello.ch>
-rw-r--r-- | src/components/TimelineEntry.vue | 11 |
1 files changed, 9 insertions, 2 deletions
diff --git a/src/components/TimelineEntry.vue b/src/components/TimelineEntry.vue index e635ccd5..5b2b9997 100644 --- a/src/components/TimelineEntry.vue +++ b/src/components/TimelineEntry.vue @@ -1,7 +1,9 @@ <template> <div class="timeline-entry"> <div v-if="item.type === 'Announce'" class="boost"> - <span class="icon-boost" /> + <div class="container-icon-boost"> + <span class="icon-boost" /> + </div> <router-link v-if="item.actor_info" :to="{ name: 'profile', params: { account: item.local ? item.actor_info.preferredUsername : item.actor_info.account }}"> <span v-tooltip.bottom="item.actor_info.account" class="post-author"> {{ userDisplayName(item.actor_info) }} @@ -64,9 +66,14 @@ export default { margin-bottom: 10px; } + .container-icon-boost { + display: inline-block; + padding-right: 6px; + } + .icon-boost { display: inline-block; - width: 44px; + width: 38px; height: 17px; opacity: .5; background-position: right center; |