From f17ccd506649034fc82804080dda7efd759a0439 Mon Sep 17 00:00:00 2001
From: Jip Fr <jipfrijlink@gmail.com>
Date: Sat, 9 Dec 2023 13:16:08 +0100
Subject: [PATCH] Fix text alignment, also apply text style to copied

---
 src/pages/parts/errors/ErrorCard.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/pages/parts/errors/ErrorCard.tsx b/src/pages/parts/errors/ErrorCard.tsx
index 93aa7981..4ee4c2ab 100644
--- a/src/pages/parts/errors/ErrorCard.tsx
+++ b/src/pages/parts/errors/ErrorCard.tsx
@@ -37,7 +37,7 @@ export function ErrorCard(props: {
 
   return (
     // I didn't put a <Transition> here because it'd fade out, then jump height weirdly
-    <div className="bg-errors-card w-full rounded-lg p-6">
+    <div className="bg-errors-card w-full rounded-lg p-6 text-left">
       <div className="border-errors-border flex items-center justify-between border-b pb-2">
         <span className="font-medium text-white">{t("errors.details")}</span>
         <div className="flex items-center justify-center gap-3">
@@ -48,13 +48,15 @@ export function ErrorCard(props: {
           >
             {hasCopied ? (
               <>
-                <Icon icon={Icons.CHECKMARK} className="mr-3 text-xs" />
-                {t("actions.copied")}
+                <Icon icon={Icons.CHECKMARK} className="text-xs" />
+                <span className="hidden min-[400px]:inline-block ml-3">
+                  {t("actions.copied")}
+                </span>
               </>
             ) : (
               <>
-                <Icon icon={Icons.COPY} className="min-[400px]:mr-3 text-2xl" />
-                <span className="hidden min-[400px]:inline-block">
+                <Icon icon={Icons.COPY} className="text-2xl" />
+                <span className="hidden min-[400px]:inline-block ml-3">
                   {t("actions.copy")}
                 </span>
               </>