diff --git a/packages/fakeyou/public/android-chrome-192x192.png b/packages/fakeyou/public/android-chrome-192x192.png
index fcbe4eff61..8815355902 100644
Binary files a/packages/fakeyou/public/android-chrome-192x192.png and b/packages/fakeyou/public/android-chrome-192x192.png differ
diff --git a/packages/fakeyou/public/android-chrome-512x512.png b/packages/fakeyou/public/android-chrome-512x512.png
index a3840ea78e..a14ae44b0f 100644
Binary files a/packages/fakeyou/public/android-chrome-512x512.png and b/packages/fakeyou/public/android-chrome-512x512.png differ
diff --git a/packages/fakeyou/public/apple-touch-icon.png b/packages/fakeyou/public/apple-touch-icon.png
index 30c92fc158..43450c6283 100644
Binary files a/packages/fakeyou/public/apple-touch-icon.png and b/packages/fakeyou/public/apple-touch-icon.png differ
diff --git a/packages/fakeyou/public/fakeyou/FakeYou-Logo.png b/packages/fakeyou/public/fakeyou/FakeYou-Logo.png
index 6df861ef8d..374804ce9d 100644
Binary files a/packages/fakeyou/public/fakeyou/FakeYou-Logo.png and b/packages/fakeyou/public/fakeyou/FakeYou-Logo.png differ
diff --git a/packages/fakeyou/public/favicon-16x16.png b/packages/fakeyou/public/favicon-16x16.png
index e6715fb56a..f62d8cb4e9 100644
Binary files a/packages/fakeyou/public/favicon-16x16.png and b/packages/fakeyou/public/favicon-16x16.png differ
diff --git a/packages/fakeyou/public/favicon-32x32.png b/packages/fakeyou/public/favicon-32x32.png
index 7f68335db5..faefde159a 100644
Binary files a/packages/fakeyou/public/favicon-32x32.png and b/packages/fakeyou/public/favicon-32x32.png differ
diff --git a/packages/fakeyou/public/favicon.ico b/packages/fakeyou/public/favicon.ico
index ed185f029a..5c28956e02 100644
Binary files a/packages/fakeyou/public/favicon.ico and b/packages/fakeyou/public/favicon.ico differ
diff --git a/packages/fakeyou/src/AppNew.scss b/packages/fakeyou/src/AppNew.scss
index d1e0a0d29c..6a7499d83e 100644
--- a/packages/fakeyou/src/AppNew.scss
+++ b/packages/fakeyou/src/AppNew.scss
@@ -149,6 +149,7 @@ $headings-font-family: "Merriweather", serif;
.navbar-brand {
padding-top: 0;
+ margin-bottom: 4px;
}
.dropdown-item {
font-size: 15px;
diff --git a/packages/fakeyou/src/v2/view/NewTopNavFc.tsx b/packages/fakeyou/src/v2/view/NewTopNavFc.tsx
index 01cc476315..d7df075133 100644
--- a/packages/fakeyou/src/v2/view/NewTopNavFc.tsx
+++ b/packages/fakeyou/src/v2/view/NewTopNavFc.tsx
@@ -18,7 +18,11 @@ import {
import { faPatreon } from "@fortawesome/free-brands-svg-icons";
import { Logout } from "@storyteller/components/src/api/session/Logout";
import { Gravatar } from "@storyteller/components/src/elements/Gravatar";
-import { GetPendingTtsJobCount, GetPendingTtsJobCountIsOk, GetPendingTtsJobCountSuccessResponse } from "@storyteller/components/src/api/tts/GetPendingTtsJobCount";
+import {
+ GetPendingTtsJobCount,
+ GetPendingTtsJobCountIsOk,
+ GetPendingTtsJobCountSuccessResponse,
+} from "@storyteller/components/src/api/tts/GetPendingTtsJobCount";
interface Props {
sessionWrapper: SessionWrapper;
@@ -38,18 +42,21 @@ function NewTopNavFc(props: Props) {
// NB: The responses from the "job count" endpoint are cached in a distributed manner.
// We use the timestamp as a vector clock to know when to update our view.
- const [pendingTtsJobs, setPendingTtsJobs] = useState
- TTS Queued: {pendingTtsJobs.pending_job_count} + TTS Queued:{" "} + + {pendingTtsJobs.pending_job_count} +
@@ -163,7 +173,7 @@ function NewTopNavFc(props: Props) {