From f9e74c615c42f6fb1348a2ae782461a7750c5153 Mon Sep 17 00:00:00 2001
From: Eirene <sorokina333@gmail.com>
Date: Wed, 31 Jan 2024 16:09:28 +0800
Subject: [PATCH] ui: small fixes

---
 .../src/lib/client/components/badgeStatus.svelte     |  2 +-
 apps/front/src/routes/fault/+page.svelte             | 12 ++++++------
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/front/src/lib/client/components/badgeStatus.svelte b/apps/front/src/lib/client/components/badgeStatus.svelte
index 0ed3c3a..e4e6fe2 100644
--- a/apps/front/src/lib/client/components/badgeStatus.svelte
+++ b/apps/front/src/lib/client/components/badgeStatus.svelte
@@ -19,7 +19,7 @@
     };
 
     // Current classes for the badge
-    $: badgeClasses = `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ${colorClasses(color)}`;
+    $: badgeClasses = `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs whitespace-nowrap font-medium capitalize ${colorClasses(color)}`;
 </script>
 
 <span class={badgeClasses}>
diff --git a/apps/front/src/routes/fault/+page.svelte b/apps/front/src/routes/fault/+page.svelte
index 531f4c2..88dd2e8 100644
--- a/apps/front/src/routes/fault/+page.svelte
+++ b/apps/front/src/routes/fault/+page.svelte
@@ -23,10 +23,10 @@
 					</dt>
 					<dd class="text-gray-700"><time datetime="2022-12-13">23</time></dd>
 				</div>
-				<div class="flex justify-between gap-x-4 py-3 group">
+				<div class="flex justify-between gap-x-4 py-3">
 					<dt class="flex items-center gap-x-2">
 						<span class="h-2 w-2 rounded-full bg-red-600"></span>
-						<span class="text-gray-500 group-hover:underline">Faulty</span>
+						<span class="text-gray-500">Faulty</span>
 					</dt>
 					<dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd>
 				</div>
@@ -53,10 +53,10 @@
 						</dt>
 						<dd class="text-gray-700"><time datetime="2022-12-13">123</time></dd>
 					</div>
-					<div class="flex justify-between gap-x-4 py-3 group">
+					<div class="flex justify-between gap-x-4 py-3">
 						<dt class="flex items-center gap-x-2">
 							<span class="h-2 w-2 rounded-full bg-red-600"></span>
-							<span class="text-gray-500 group-hover:underline">Faulty</span>
+							<span class="text-gray-500">Faulty</span>
 						</dt>
 						<dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd>
 					</div>
@@ -82,10 +82,10 @@
 					</dt>
 					<dd class="text-gray-700"><time datetime="2022-12-13">12</time></dd>
 				</div>
-				<div class="flex justify-between gap-x-4 py-3 group">
+				<div class="flex justify-between gap-x-4 py-3">
 					<dt class="flex items-center gap-x-2">
 						<span class="h-2 w-2 rounded-full bg-red-600"></span>
-						<span class="text-gray-500 group-hover:underline">Faulty</span>
+						<span class="text-gray-500">Faulty</span>
 					</dt>
 					<dd class="text-gray-700"><time datetime="2022-12-13">2</time></dd>
 				</div>