From 191ca7c548c2cedcabf415c7e137bd475cc549f5 Mon Sep 17 00:00:00 2001
From: lizzie <lizzie@eden-emu.dev>
Date: Sat, 1 Aug 2026 16:03:27 +0000
Subject: [PATCH 1/2] feat: bound guild descs so they dont overflow

Signed-off-by: lizzie <lizzie@eden-emu.dev>
---
 src/webpage/emoji.ts  | 2 ++
 src/webpage/style.css | 7 +++++++
 2 files changed, 9 insertions(+)

diff --git a/src/webpage/emoji.ts b/src/webpage/emoji.ts
index 13cde44..13b12ca 100644
--- a/src/webpage/emoji.ts
+++ b/src/webpage/emoji.ts
@@ -157,9 +157,11 @@ class Emoji {
 					guildText.classList.add("flexttb", "guildEmojiText");
 
 					const guildName = document.createElement("span");
+					guildName.id = "guildName";
 					guildName.textContent = lookup.guild.name;
 
 					const guildDesc = document.createElement("span");
+					guildDesc.id = "guildDesc";
 					const discoverable = lookup.guild.features.find((_) => _ === "DISCOVERABLE");
 					if (discoverable) {
 						if (lookup.guild.description) {
diff --git a/src/webpage/style.css b/src/webpage/style.css
index 0700da8..d10d13b 100644
--- a/src/webpage/style.css
+++ b/src/webpage/style.css
@@ -5196,6 +5196,13 @@ img.error::after {
 .guildEmojiText {
 	display: flex;
 	justify-content: center;
+	word-break: break-all;
+	#guildDesc {
+		color: var(--secondary-text-soft);
+		font-size: 0.9em;
+		max-height: 15em;
+		overflow-y: scroll;
+	}
 }
 
 .optionElement:has(.friendGroupSelect) {

From 45f63bebb72ee4d0c2f4ca06d2dc16285e8559ab Mon Sep 17 00:00:00 2001
From: lizzie <lizzie@eden-emu.dev>
Date: Sat, 1 Aug 2026 22:36:59 +0000
Subject: [PATCH 2/2] use guildDesc

---
 src/webpage/emoji.ts  |  4 ++--
 src/webpage/style.css | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/webpage/emoji.ts b/src/webpage/emoji.ts
index 13b12ca..4b705e1 100644
--- a/src/webpage/emoji.ts
+++ b/src/webpage/emoji.ts
@@ -157,11 +157,11 @@ class Emoji {
 					guildText.classList.add("flexttb", "guildEmojiText");
 
 					const guildName = document.createElement("span");
-					guildName.id = "guildName";
+					guildName.classList.add("guildName");
 					guildName.textContent = lookup.guild.name;
 
 					const guildDesc = document.createElement("span");
-					guildDesc.id = "guildDesc";
+					guildDesc.classList.add("guildDesc");
 					const discoverable = lookup.guild.features.find((_) => _ === "DISCOVERABLE");
 					if (discoverable) {
 						if (lookup.guild.description) {
diff --git a/src/webpage/style.css b/src/webpage/style.css
index d10d13b..f93a5da 100644
--- a/src/webpage/style.css
+++ b/src/webpage/style.css
@@ -5197,12 +5197,12 @@ img.error::after {
 	display: flex;
 	justify-content: center;
 	word-break: break-all;
-	#guildDesc {
-		color: var(--secondary-text-soft);
-		font-size: 0.9em;
-		max-height: 15em;
-		overflow-y: scroll;
-	}
+}
+.guildDesc {
+	color: var(--secondary-text-soft);
+	font-size: 0.9em;
+	max-height: 15em;
+	overflow-y: scroll;
 }
 
 .optionElement:has(.friendGroupSelect) {