From e9affabf397ec5a41fba1a25f9f5a280422d61b5 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Mon, 29 Aug 2022 15:48:59 +0200
Subject: [PATCH] ui: fixes

---
 apps/ui/src/lib/components/Usage.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/ui/src/lib/components/Usage.svelte b/apps/ui/src/lib/components/Usage.svelte
index 383914580..08e63e455 100644
--- a/apps/ui/src/lib/components/Usage.svelte
+++ b/apps/ui/src/lib/components/Usage.svelte
@@ -85,19 +85,19 @@
 </script>
 
 <div class="w-full">
-	<div class="items-center grid grid-flow-row md:grid-flow-col md:w-96 gap-4">
+	<div class="flex lg:flex-row flex-col gap-4">
 		<h1 class="title lg:text-3xl">Hardware Details</h1>
-		<div class="grid lg:grid-flow-col gap-4">
+		<div class="flex lg:flex-row flex-col space-x-0 lg:space-x-2 space-y-2 lg:space-y-0">
 			{#if $appSession.teamId === '0'}
 				<button
 					on:click={manuallyCleanupStorage}
 					class:loading={loading.cleanup}
-					class="btn btn-sm w-36 h-14">Cleanup Storage</button
+					class="btn btn-sm">Cleanup Storage</button
 				>
 				<button
 					on:click={restartCoolify}
 					class:loading={loading.restart}
-					class="btn btn-sm w-36 h-14 bg-red-600 hover:bg-red-500">Restart Coolify</button
+					class="btn btn-sm bg-red-600 hover:bg-red-500">Restart Coolify</button
 				>
 			{/if}
 		</div>