Some formatting

components/Header.tsx

@@ -16,7 +16,7 @@ export function Header() {
 			<div className="flex-1 mt-16 mb-6">
 				<Link href="/">
 					<h1 className="inline-block cursor-pointer uppercase font-bold">
-						zk chat
+						zk message board
 					</h1>
 				</Link>
 			</div>

components/Messages.tsx

@@ -160,10 +160,10 @@ async function onMessageVerify(
 	)
 
 	if (!msgVerified) {
-		text += "The message cannot be verified."
+		text += "🚨 The message cannot be verified."
 		isValid = false
 	} else {
-		text += "The message is verified."
+		text += "✅ The message is verified."
 	}
 
 	if (message.reveal) {
@@ -174,10 +174,10 @@ async function onMessageVerify(
 			message.reveal.publicSignals
 		)
 		if (!revealVerified) {
-			text += `\nThe reveal ${message.reveal} associated with this message is false.`
+			text += `\n🚨 The reveal associated with this message is false.`
 			isValid = false
 		} else {
-			text += "\nThe reveal associated with this message is verified."
+			text += "\n✅ The reveal associated with this message is verified."
 		}
 	}
 	if (message.deny.length > 0) {
@@ -190,15 +190,15 @@ async function onMessageVerify(
 				deny.publicSignals
 			)
 			if (!denyVerified) {
-				text += `\nThe deny ${deny.userPublicKey} associated with this message is false!`
+				text += `\n🚨 The deny ${deny.userPublicKey} associated with this message is false!`
 				isValid = false
 			} else {
-				text += `\nThe deny ${deny} associated with this message is verified.`
+				text += `\n✅ The deny ${deny.userPublicKey} associated with this message is verified.`
 			}
 		}
 	}
 
-	alert(text)
+	// alert(text)
 	return text
 }
 
@@ -226,7 +226,7 @@ function VerifyButton({ vKeys, message }) {
 	return (
 		<div>
 			{text ? (
-				<div className="mt-2 text-sm">{text}</div>
+				<div className="mt-2 text-xs whitespace-pre-line">{text}</div>
 			) : (
 				<button
 					className="bg-gray-100 mt-2 py-1.5 pb-0.5 px-2 rounded-lg text-sm"

pages/hash.tsx

@@ -11,7 +11,7 @@ export default function MiMCPage(props: {}) {
 
 	return (
 		<div className="max-w-lg m-auto font-mono">
-			<h1 className="uppercase font-bold pt-16 pb-6">zk chat</h1>
+			<h1 className="uppercase font-bold pt-16 pb-6">zk message board</h1>
 			<div className="border border-gray-300 rounded-xl p-6">
 				<input
 					type="text"