From 68e2aa443745f5106fa224ef3498162faebdde8b Mon Sep 17 00:00:00 2001
From: Sidharth Vinod <sidharthv96@gmail.com>
Date: Tue, 13 Jun 2023 10:05:07 +0530
Subject: [PATCH] Fix error alignment

---
 cypress/e2e/themes.spec.ts      | 4 ++--
 src/lib/components/Theme.svelte | 2 +-
 src/lib/components/View.svelte  | 3 +--
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/cypress/e2e/themes.spec.ts b/cypress/e2e/themes.spec.ts
index c7d986ff..df3806aa 100644
--- a/cypress/e2e/themes.spec.ts
+++ b/cypress/e2e/themes.spec.ts
@@ -12,7 +12,7 @@ describe('Test themes', () => {
             });
         }
       });
-      cy.contains('Change Theme').click();
+      cy.contains('Theme').click();
     });
 
     it('should set light theme as default', () => {
@@ -44,7 +44,7 @@ describe('Test themes', () => {
             });
         }
       });
-      cy.contains('Change Theme').click();
+      cy.contains('Theme').click();
     });
 
     it('should set dark theme as default', () => {
diff --git a/src/lib/components/Theme.svelte b/src/lib/components/Theme.svelte
index 24c5a9c1..6eee5fa4 100644
--- a/src/lib/components/Theme.svelte
+++ b/src/lib/components/Theme.svelte
@@ -39,7 +39,7 @@
         stroke-linejoin="round"
         stroke-width="2"
         d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" /></svg>
-    <span class="hidden md:inline"> Change Theme </span>
+    <span class="hidden md:inline">Theme</span>
     <svg
       xmlns="http://www.w3.org/2000/svg"
       viewBox="0 0 1792 1792"
diff --git a/src/lib/components/View.svelte b/src/lib/components/View.svelte
index 5bdd20c3..c0fe0241 100644
--- a/src/lib/components/View.svelte
+++ b/src/lib/components/View.svelte
@@ -122,7 +122,6 @@
         pzoom.resize();
       }
     });
-    // console.log('View mounted');
   });
 </script>
 
@@ -130,7 +129,7 @@
   <div
     class="absolute w-full p-2 z-10 font-mono {error
       ? 'text-red-600'
-      : 'text-yellow-600'} bg-base-100 bg-opacity-80 text-center"
+      : 'text-yellow-600'} bg-base-100 bg-opacity-80 text-left"
     id="errorContainer">
     {#if error}
       {@html $stateStore.error?.toString().replace(/\n/g, '<br />')}