diff --git a/public/global.css b/public/global.css index e83fad6..dce4315 100644 --- a/public/global.css +++ b/public/global.css @@ -19,6 +19,7 @@ html { -moz-osx-font-smoothing: grayscale; color: #ffffff; overflow: hidden; + line-height: 1.2; } html, body { diff --git a/src/Tooltip.svelte b/src/Tooltip.svelte index 6c5cbb7..437ff83 100644 --- a/src/Tooltip.svelte +++ b/src/Tooltip.svelte @@ -10,10 +10,6 @@ const width = 250; $: authors = $selectedStar?.authors.split(",").slice(0, 5) + ' et al'; - - function capitalize(s) { - return s.charAt(0).toUpperCase() + s.slice(1); - } {#if $selectedStar} @@ -22,23 +18,49 @@ style="width: {width}px" transition:fly={{ x: width, duration: $duration, easing: quadOut }} > - Cited by: {$selectedStar.citedBy} - {$selectedStar.title} - {authors}. - {capitalize($selectedStar.journal)} {$selectedStar.volume}, - {$selectedStar.page.start}-{$selectedStar.page.end} - ({$selectedStar.year}) - doi: {$selectedStar.doi} +
+
{$selectedStar.title}
+
+ {authors}. + {$selectedStar.journal} {$selectedStar.volume}, + {$selectedStar.page.start}-{$selectedStar.page.end} + ({$selectedStar.year}) +
+
DOI: {$selectedStar.doi}
+
+
Cited {$selectedStar.citedBy} times
{/if}