From 4bfc4c13748fe2c9c798a12efdb2de50f22bbd2a Mon Sep 17 00:00:00 2001
From: jake <jakeadriansames@gmail.com>
Date: Tue, 17 Mar 2026 02:22:18 +0000
Subject: [PATCH] =?UTF-8?q?refactor(kon):=20standardise=20page=20padding?=
 =?UTF-8?q?=20=E2=80=94=20pt-6=20px-7=20pb-5,=20tighter=20task=20cards?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/lib/pages/DictationPage.svelte | 2 +-
 src/lib/pages/FilesPage.svelte     | 2 +-
 src/lib/pages/TasksPage.svelte     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/pages/DictationPage.svelte b/src/lib/pages/DictationPage.svelte
index e1d74b5..6ca7c1a 100644
--- a/src/lib/pages/DictationPage.svelte
+++ b/src/lib/pages/DictationPage.svelte
@@ -675,7 +675,7 @@
     </div>
 
     <!-- Bottom bar -->
-    <div class="flex items-center px-8 pb-4">
+    <div class="flex items-center px-7 pb-5">
       <span class="text-[11px] text-text-tertiary">
         {#if wordCount > 0}
           {wordCount} {wordCount === 1 ? 'word' : 'words'}
diff --git a/src/lib/pages/FilesPage.svelte b/src/lib/pages/FilesPage.svelte
index a243717..9c8f4f4 100644
--- a/src/lib/pages/FilesPage.svelte
+++ b/src/lib/pages/FilesPage.svelte
@@ -192,7 +192,7 @@
 
   <!-- Progress bar -->
   {#if progress > 0}
-    <div class="px-8 pb-3 animate-fade-in">
+    <div class="px-7 pb-3 animate-fade-in">
       <div class="h-[3px] bg-bg-elevated rounded-full overflow-hidden">
         <div
           class="h-full bg-accent rounded-full transition-all duration-500 shadow-[0_0_8px_rgba(232,168,124,0.4)]"
diff --git a/src/lib/pages/TasksPage.svelte b/src/lib/pages/TasksPage.svelte
index f9a7386..9ff7d27 100644
--- a/src/lib/pages/TasksPage.svelte
+++ b/src/lib/pages/TasksPage.svelte
@@ -407,7 +407,7 @@
       {:else}
         <div class="flex flex-col gap-1">
           {#each filteredTasks as task (task.id)}
-            <div class="group flex items-start gap-3 px-4 py-3 rounded-xl bg-bg-card border border-border-subtle hover:border-border transition-colors">
+            <div class="group flex items-start gap-3 p-3 rounded-xl bg-bg-card border border-border-subtle hover:border-border transition-colors">
               <!-- Checkbox -->
               <button
                 aria-label="Complete task"