From c7752f0be91973fcd073b40f60f536dcb622acc9 Mon Sep 17 00:00:00 2001
From: Kaname <56084970+kaname-png@users.noreply.github.com>
Date: Sat, 10 Sep 2022 01:27:48 +0000
Subject: [PATCH] fix(routes): more ui tweaks

---
 apps/ui/src/lib/components/Usage.svelte | 2 +-
 apps/ui/src/routes/servers/index.svelte | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/ui/src/lib/components/Usage.svelte b/apps/ui/src/lib/components/Usage.svelte
index 7d4a82929..5938fcbc6 100644
--- a/apps/ui/src/lib/components/Usage.svelte
+++ b/apps/ui/src/lib/components/Usage.svelte
@@ -79,7 +79,7 @@
 			BETA
 		</div>
 	{/if}
-	<div class="w-full flex flex-row space-x-4">
+	<div class="w-full flex flex-col lg:flex-row space-y-4 lg:space-y-0">
 		<div class="flex flex-col">
 			<h1 class="font-bold text-lg lg:text-xl truncate">
 				{server.name}
diff --git a/apps/ui/src/routes/servers/index.svelte b/apps/ui/src/routes/servers/index.svelte
index cb9ef3d17..b0a56bb6f 100644
--- a/apps/ui/src/routes/servers/index.svelte
+++ b/apps/ui/src/routes/servers/index.svelte
@@ -29,8 +29,8 @@
 	}
 </script>
 
-<div class="flex space-x-1 p-6 font-bold">
-	<div class="mr-4 text-2xl tracking-tight">Servers</div>
+<div class="header p-5">
+	<h1 class="text-2xl font-bold">Servers</h1>
 </div>
 <div class="container lg:mx-auto lg:p-0 px-8 p-5">
 	{#if servers.length > 0}