From 64cb093b8b5306829e9b4edf02fa2a9695e217ac Mon Sep 17 00:00:00 2001
From: Sam Chau <schau22@pm.me>
Date: Thu, 29 Jan 2026 01:31:53 +1030
Subject: [PATCH] style(backups): use responsive styling for backups page

---
 src/routes/settings/backups/+page.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/routes/settings/backups/+page.svelte b/src/routes/settings/backups/+page.svelte
index ec43993..a92313b 100644
--- a/src/routes/settings/backups/+page.svelte
+++ b/src/routes/settings/backups/+page.svelte
@@ -104,8 +104,8 @@
 <div class="p-8">
 	<!-- Header -->
 	<div class="mb-8">
-		<h1 class="text-3xl font-bold text-neutral-900 dark:text-neutral-50">Backups</h1>
-		<p class="mt-3 text-lg text-neutral-600 dark:text-neutral-400">
+		<h1 class="text-2xl font-bold text-neutral-900 md:text-3xl dark:text-neutral-50">Backups</h1>
+		<p class="mt-3 text-base text-neutral-600 md:text-lg dark:text-neutral-400">
 			Manage database and configuration backups
 		</p>
 	</div>
@@ -224,6 +224,7 @@
 		data={filteredBackups}
 		emptyMessage="No backups found. Create your first backup to get started."
 		compact
+		responsive
 	>
 		<svelte:fragment slot="cell" let:row let:column>
 			{#if column.key === 'filename'}