From b10ab3c39d01f9f79ea43845f1ca29506bb87841 Mon Sep 17 00:00:00 2001
From: daylily <xy.r@outlook.com>
Date: Mon, 31 Mar 2025 04:12:34 -0400
Subject: [PATCH] Improve UI consistency

---
 src/connect/ConnectButton.svelte         | 1 -
 src/edit/controls/ControlsSection.svelte | 2 +-
 src/edit/preview/PreviewCanvases.svelte  | 4 ++--
 src/write/WriteButton.svelte             | 2 +-
 4 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/connect/ConnectButton.svelte b/src/connect/ConnectButton.svelte
index d6c742e..c8b10d2 100644
--- a/src/connect/ConnectButton.svelte
+++ b/src/connect/ConnectButton.svelte
@@ -31,7 +31,6 @@
 </script>
 
 <Button variant={device === null ? 'default' : 'secondary'} onclick={requestDevice}>
-  <IconPlugConnect />
   {#if device === null}
     Select device
   {:else}
diff --git a/src/edit/controls/ControlsSection.svelte b/src/edit/controls/ControlsSection.svelte
index 19543e2..73db75c 100644
--- a/src/edit/controls/ControlsSection.svelte
+++ b/src/edit/controls/ControlsSection.svelte
@@ -91,7 +91,7 @@
 
   <Separator />
 
-  <Button variant="secondary" class="w-full justify-start" onclick={restoreDefaultImageSettings}>
+  <Button variant="secondary" class="w-full" onclick={restoreDefaultImageSettings}>
     <IconEditOff />
     Reset All
   </Button>
diff --git a/src/edit/preview/PreviewCanvases.svelte b/src/edit/preview/PreviewCanvases.svelte
index 917b052..23be6e6 100644
--- a/src/edit/preview/PreviewCanvases.svelte
+++ b/src/edit/preview/PreviewCanvases.svelte
@@ -50,7 +50,7 @@
   <div>
     <div id="canvas-2x" class="bg-[#ccc] shadow-md rounded-2xl p-4 w-fit">
       <canvas
-        class="border-[1px] border-[#888] w-[402px] h-[402px]"
+        class="border-[1px] p-[6px] border-[#888] w-[414px] h-[414px]"
         style="image-rendering: pixelated"
         bind:this={canvas2xEl}
         height={200}
@@ -63,7 +63,7 @@
   <div>
     <div id="preview-1x" class="bg-[#ccc] shadow-md rounded-lg p-2 w-fit">
       <canvas
-        class="border-[1px] border-[#888] w-[202px] h-[202px]"
+        class="border-[1px] p-[3px] border-[#888] w-[208px] h-[208px]"
         style="image-rendering: pixelated"
         bind:this={canvas1xEl}
         height={200}
diff --git a/src/write/WriteButton.svelte b/src/write/WriteButton.svelte
index d8d1fb1..5004dc9 100644
--- a/src/write/WriteButton.svelte
+++ b/src/write/WriteButton.svelte
@@ -60,5 +60,5 @@
 </script>
 
 <Button onclick={connectAndWrite} variant={secondary ? 'secondary' : 'default'} {disabled}>
-  <IconUpload /> Write pattern to device
+  Write pattern to device
 </Button>