From 6c065a64fa2224100199549bb5923b3fb1b21478 Mon Sep 17 00:00:00 2001
From: Lucas Lima <limalucas454@gmail.com>
Date: Sat, 27 Aug 2022 01:52:45 +0000
Subject: [PATCH] fixing responsiveness issues with cleanup and restart buttons

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

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