From 66415986c9bc9efc0e434cfa6d3a7a754131a4e3 Mon Sep 17 00:00:00 2001
From: Tixie <admin@glitch.family>
Date: Sat, 22 Feb 2020 20:55:35 +0100
Subject: [PATCH] capitalize usernames in queue

---
 src/assets/scss/5-modules/track.scss | 4 ++++
 src/components/Queue.svelte          | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/assets/scss/5-modules/track.scss b/src/assets/scss/5-modules/track.scss
index e2c6fa8..617b73e 100644
--- a/src/assets/scss/5-modules/track.scss
+++ b/src/assets/scss/5-modules/track.scss
@@ -51,6 +51,10 @@
   font-size: 1.2rem;
 }
 
+.track__username {
+  text-transform: capitalize;
+}
+
 .track__menu {
   display: flex;
   align-items: center;
diff --git a/src/components/Queue.svelte b/src/components/Queue.svelte
index 56232af..d403aed 100644
--- a/src/components/Queue.svelte
+++ b/src/components/Queue.svelte
@@ -8,7 +8,7 @@
                 </div>
                 <div class="track__subtitle" class:placeholder={!$next}>
                 {#if $next}
-                    shared by {$next.referer.username} •
+                    shared by <span class="track__username">{$next.referer.username}</span> •
                     <DistanceDate date={$next.referer.date} />
                 {/if}
                 </div>
@@ -32,7 +32,7 @@
                 <div class="track__main" on:click={() => select(track)}>
                     <div class="track__title">{track.media.title}</div>
                     <div class="track__subtitle">
-                        shared by {track.referer.username} •
+                        shared by <span class="track__username">{track.referer.username}</span> •
                         <DistanceDate date={track.referer.date} />
                     </div>
                 </div>