From 53674248d17bc53ad3443951a323356c999dd47e Mon Sep 17 00:00:00 2001
From: Til Schmitter <til.schmitter@gmail.com>
Date: Sat, 18 Apr 2026 17:23:45 +0200
Subject: [PATCH] toast X in top right

---
 copyparty/web/ui.css  | 13 +++++--------
 copyparty/web/util.js |  2 +-
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/copyparty/web/ui.css b/copyparty/web/ui.css
index 6f283c06..d6f9b3ad 100644
--- a/copyparty/web/ui.css
+++ b/copyparty/web/ui.css
@@ -54,8 +54,7 @@ html {
 	bottom: 5em;
 	right: -1em;
 	line-height: 1.5em;
-	padding: 1em 1.3em;
-	margin-left: 3em;
+	padding: 1em 2em 1em 1em;
 	border-width: .4em 0;
 	overflow-wrap: break-word;
 	transform: translateX(100%);
@@ -92,8 +91,8 @@ html {
 	display: inline-block;
 	position: absolute;
 	overflow: hidden;
-	left: 0;
-	width: 0;
+	right: 0;
+	top: -.1em;
 	opacity: 0;
 	padding: .3em 0;
 	margin: -.3em 0 0 0;
@@ -102,7 +101,7 @@ html {
 	border: none;
 	outline: none;
 	text-shadow: none;
-	border-radius: .5em 0 0 .5em;
+	border-radius: .5em;
 	transition: left .3s, width .3s, padding .3s, opacity .3s;
 }
 #toastb {
@@ -130,9 +129,7 @@ html {
 	transform: initial;
 }
 #toast.vis #toastc {
-	left: -2em;
-	width: .4em;
-	padding: .3em .8em;
+	padding: .3em .5em;
 	opacity: 1;
 }
 #toast.inf {
diff --git a/copyparty/web/util.js b/copyparty/web/util.js
index 78d40722..c23dec1a 100644
--- a/copyparty/web/util.js
+++ b/copyparty/web/util.js
@@ -1784,7 +1784,7 @@ var toast = (function () {
             setcvar('--tmstep', Math.floor(sec * 20));
             html += '<div id="toastt"></div>';
         }
-        obj.innerHTML = html + '<a href="#" id="toastc">x</a><div id="toastb">' + lf2br(txt) + '</div>';
+        obj.innerHTML = html + '<a href="#" id="toastc">✕</a><div id="toastb">' + lf2br(txt) + '</div>';
         obj.className = cl;
         sec += obj.offsetWidth;
         obj.className += ' vis';