From f695b08989e54e173cb1bc0d0df7dfec32504f2b Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@stolley.dev>
Date: Wed, 15 Mar 2023 14:36:05 -0500
Subject: [PATCH] css: Hyphenate .smiley-icon selector.

---
 web/e2e-tests/user-status.test.ts       | 4 ++--
 web/styles/user_status.css              | 4 ++--
 web/templates/status_emoji_selector.hbs | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/e2e-tests/user-status.test.ts b/web/e2e-tests/user-status.test.ts
index 7773ca2c12..453262625e 100644
--- a/web/e2e-tests/user-status.test.ts
+++ b/web/e2e-tests/user-status.test.ts
@@ -43,12 +43,12 @@ async function test_user_status(page: Page): Promise<void> {
     await page.waitForFunction(
         () => (document.querySelector(".user-status") as HTMLInputElement).value === "",
     );
-    await page.waitForSelector(".status-emoji-wrapper .smiley_icon", {visible: true});
+    await page.waitForSelector(".status-emoji-wrapper .smiley-icon", {visible: true});
 
     // Manually adding everything.
     await page.type(".user-status", "Busy");
     const tada_emoji_selector = ".emoji-1f389";
-    await page.click(".status-emoji-wrapper .smiley_icon");
+    await page.click(".status-emoji-wrapper .smiley-icon");
     // Wait until emoji popover is opened.
     await page.waitForSelector(`.emoji-popover  ${tada_emoji_selector}`, {visible: true});
     await page.click(`.emoji-popover  ${tada_emoji_selector}`);
diff --git a/web/styles/user_status.css b/web/styles/user_status.css
index 79ea277605..c9228cb6f4 100644
--- a/web/styles/user_status.css
+++ b/web/styles/user_status.css
@@ -40,11 +40,11 @@
 
             /* For custom emojis and smiley icon to take full width. */
             & img.selected-emoji,
-            .smiley_icon {
+            .smiley-icon {
                 min-width: 20px;
             }
 
-            .smiley_icon {
+            .smiley-icon {
                 display: block;
                 font-size: 18px;
                 position: relative;
diff --git a/web/templates/status_emoji_selector.hbs b/web/templates/status_emoji_selector.hbs
index 21d0b3ba1b..b25f92c473 100644
--- a/web/templates/status_emoji_selector.hbs
+++ b/web/templates/status_emoji_selector.hbs
@@ -7,5 +7,5 @@
         <div class="emoji selected-emoji emoji-{{selected_emoji.emoji_code}}"></div>
     {{/if}}
 {{else}}
-    <a type="button" class="smiley_icon show fa fa-smile-o"></a>
+    <a type="button" class="smiley-icon show fa fa-smile-o"></a>
 {{/if}}