From ddc866abcc4befde62d9f12db7e9a0cc6e90a852 Mon Sep 17 00:00:00 2001
From: akisblack <mavrommatisakis@gmail.com>
Date: Sun, 13 Jul 2025 16:53:47 +0300
Subject: [PATCH] fix nav animation and some overflowing text

---
 src/lib/Nav/ThemeToggle.svelte               | 2 +-
 src/routes/contact/+page.svelte              | 1 +
 src/routes/instances/+page.svelte            | 4 ++--
 src/routes/legal/privacy-policy/+page.svelte | 2 +-
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/lib/Nav/ThemeToggle.svelte b/src/lib/Nav/ThemeToggle.svelte
index 75d7c03..6f7c22a 100755
--- a/src/lib/Nav/ThemeToggle.svelte
+++ b/src/lib/Nav/ThemeToggle.svelte
@@ -17,7 +17,7 @@
 
 <button
 	on:click={toggle}
-	class="theme-toggle button text-text flex items-center text-sm"
+	class="theme-toggle button text-text flex items-center text-sm navPlus1:!p-x-[.25rem]"
 	aria-label="Toggle theme"
 >
 	<div
diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
index 4b46d12..06c05bc 100755
--- a/src/routes/contact/+page.svelte
+++ b/src/routes/contact/+page.svelte
@@ -21,6 +21,7 @@
 <p>
 	We have an XMPP MUC for general discussion about Project Segfault over at <a
 		href="https://join.jabber.network/#general@conference.projectsegfau.lt?join"
+		class="break-all"
 		>#general@conference.projectsegfau.lt</a
 	>.
 </p>
diff --git a/src/routes/instances/+page.svelte b/src/routes/instances/+page.svelte
index 63e43f8..9dbcc3e 100755
--- a/src/routes/instances/+page.svelte
+++ b/src/routes/instances/+page.svelte
@@ -63,7 +63,7 @@
 					{#each category.data as instance}
 						<a
 							href={instance.geo || instance.eu || instance.in }
-							class="flex flex-row items-center gap-4 rounded bg-secondary p-4 w-110 no-underline text-text"
+							class="flex flex-row items-center gap-4 rounded bg-secondary p-4 w-110 no-underline text-text break-all"
 						>
 							{#if instance.icon}
 								<img
@@ -94,7 +94,7 @@
 								instance.geo ||
 								instance.eu ||
 								instance.in}
-							class="flex flex-row items-center gap-4 rounded bg-secondary p-4 w-110 no-underline text-text"
+							class="flex flex-row items-center gap-4 rounded bg-secondary p-4 w-110 no-underline text-text break-all"
 						>
 							{#if instance.icon}
 								<img
diff --git a/src/routes/legal/privacy-policy/+page.svelte b/src/routes/legal/privacy-policy/+page.svelte
index 04904b2..82a502b 100755
--- a/src/routes/legal/privacy-policy/+page.svelte
+++ b/src/routes/legal/privacy-policy/+page.svelte
@@ -9,7 +9,7 @@
 
 <h2>We don't collect more information than we need to.</h2>
 
-<PMargin
+<PMargin class="break-all"
 	>We have disabled request logging. This is because it is extremely
 	identifiable. This means that, for example, what website you visited and
 	what path you visited (like https://libreddit.projectsegfau.lt/r/cats), your