From cf2e60ad3d0781516d32ab00f76c0259a2d66bef Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Fri, 17 Nov 2023 10:35:33 -0800
Subject: map styles

---
 src/components/LocationsMap.svelte |  2 +-
 src/components/Popup.svelte        | 15 +++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

(limited to 'src')

diff --git a/src/components/LocationsMap.svelte b/src/components/LocationsMap.svelte
index 07669a42..a06c993b 100644
--- a/src/components/LocationsMap.svelte
+++ b/src/components/LocationsMap.svelte
@@ -270,6 +270,6 @@
 		color: black;
 		background-color: white;
 		overflow: hidden;
-		width: 260px;
+		width: 280px;
 	}
 </style>
diff --git a/src/components/Popup.svelte b/src/components/Popup.svelte
index 1f6a2cf6..9c48b76b 100644
--- a/src/components/Popup.svelte
+++ b/src/components/Popup.svelte
@@ -1,4 +1,5 @@
 <script>
+	import { page } from '$app/stores';
 	import { Avatar } from '$comp';
 	export let tags;
 
@@ -18,16 +19,18 @@
 					<span class="block">{addr(tags)}</span>
 				</div>
 
+        <div>
 				<div class="flex w-full">
-					<div class="flex gap-1 mx-auto">
+					<div class="mx-auto">
 						<Avatar user={tags.user} size={16} />
-						<div class="my-auto">
-							{tags.user.username.toLowerCase()}
-						</div>
 					</div>
 				</div>
-      </div>
-    </a>
+				<div class="break-all font-bold text-center">
+					{$page.url.host}/{tags.user.username.toLowerCase()}
+				</div>
+        </div>
+			</div>
+		</a>
 	{:else}
 		<span class="block font-bold">{tags.name}</span>
 		<span class="block">{addr(tags)}</span>
-- 
cgit v1.2.3