From 488eee3aba8410eb48e01595f8cb840ce5f99a0e Mon Sep 17 00:00:00 2001
From: adueck <adueck@users.noreply.github.com>
Date: Sat, 16 Nov 2024 15:26:42 +0500
Subject: [PATCH] gender audio markers on quick play

---
 website/src/components/Entry.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/website/src/components/Entry.tsx b/website/src/components/Entry.tsx
index 77ddaee..2b5c261 100644
--- a/website/src/components/Entry.tsx
+++ b/website/src/components/Entry.tsx
@@ -44,14 +44,17 @@ function Entry({
         </dt>
         {` `}
         {/* Can't figure out why but the <em> here can't be empty */}
-        <em>{entry.c || "\u00A0"}</em>
+        <em className="mr-1">{entry.c || "\u00A0"}</em>
         {!nonClickable &&
           gendersRecorded.map((gender) => (
-            <i
-              onClick={handlePlayStorageAudio(gender)}
-              className="clickable ml-2 fas fa-volume-down px-1"
-              title="play audio"
-            />
+            <span className="ml-2">
+              <span className="text-muted mr-1">{gender[0]}</span>
+              <i
+                onClick={handlePlayStorageAudio(gender)}
+                className="clickable fas fa-volume-down px-1"
+                title="play audio"
+              />
+            </span>
           ))}
       </div>
       <div>