From 83689f2ebd60f179566312d598dcdbd6115fad4e Mon Sep 17 00:00:00 2001
From: Andy Burke <andy.burke@mailbox.earth>
Date: Wed, 8 Oct 2025 19:21:47 -0700
Subject: [PATCH] fix: improve invite UI on mobile

---
 public/sidebar/sidebar.html | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/public/sidebar/sidebar.html b/public/sidebar/sidebar.html
index 65a3303..39a4053 100644
--- a/public/sidebar/sidebar.html
+++ b/public/sidebar/sidebar.html
@@ -156,13 +156,13 @@
 			opacity: 1;
 			display: block;
 			position: absolute;
-			top: 0.9rem;
-			right: -2.5rem;
+			top: 0.1rem;
+			right: -2rem;
 			cursor: pointer;
 			transition: all ease-in-out 0.33s;
 			background: rgba(128, 128, 128, 0.5);
 			border-radius: 0 1rem 1rem 0;
-			padding: 0.5rem;
+			padding: 0.25rem;
 		}
 
 		#sidebar .icon {
@@ -234,6 +234,7 @@
 		border: 1px solid var(--border-normal);
 		border-radius: var(--border-radius);
 		padding: 1rem;
+		max-width: 90%;
 	}
 
 	.invitepopover .share-option .name {
@@ -259,7 +260,8 @@
 		border-radius: var(--border-radius);
 		box-shadow: none;
 		font-size: large;
-		width: 15rem;
+		width: 100%;
+		max-width: 16rem;
 	}
 
 	.invitepopover .share-option button {
@@ -269,6 +271,24 @@
 		border-radius: var(--border-radius);
 		margin-left: -0.75rem;
 	}
+
+	@media screen and (max-width: 1200px) {
+		.invitepopover {
+			margin: 0;
+			padding: 0.5rem;
+		}
+
+		.invitepopover .share-option .name {
+			display: block;
+			text-align: center;
+			margin-bottom: 1rem;
+		}
+
+		.invitepopover .share-option button {
+			display: block;
+			margin: 0 auto 1rem;
+		}
+	}
 </style>
 
 <div id="sidebar">