From 84deb379e7a0e1efc4eaff66f30669c6f0074b56 Mon Sep 17 00:00:00 2001
From: seriousm4x <maxi@quoss.org>
Date: Sat, 19 Aug 2023 00:17:37 +0200
Subject: [PATCH] fix: break device name line on small screens

---
 frontend/src/routes/device/[id]/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/routes/device/[id]/+page.svelte b/frontend/src/routes/device/[id]/+page.svelte
index 8a93c216..e060292d 100644
--- a/frontend/src/routes/device/[id]/+page.svelte
+++ b/frontend/src/routes/device/[id]/+page.svelte
@@ -33,7 +33,7 @@
 {#await getDevice()}
 	<PageLoading />
 {:then device}
-	<h1 class="text-3xl font-bold mb-8">{device.name}</h1>
+	<h1 class="text-3xl font-bold mb-8 sm:break-all">{device.name}</h1>
 	<DeviceForm {device} />
 {:catch err}
 	<div class="container max-w-lg mx-auto">