From 2c36e230e067e3dcfa943b89994643a28f8644cd Mon Sep 17 00:00:00 2001
From: xyTom <75466119+xyTom@users.noreply.github.com>
Date: Tue, 23 Apr 2024 03:10:16 +0000
Subject: [PATCH] Fix Layout issue

---
 src/renderer/App.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/App.tsx b/src/renderer/App.tsx
index c26faab..d1b8da1 100644
--- a/src/renderer/App.tsx
+++ b/src/renderer/App.tsx
@@ -35,7 +35,7 @@ declare global {
 
 function App() {
   const [screenShotResult, setscreenShotResult] = useState(null);
-  const [result, setResult] = useState(null);
+  const [result, setResult] = useState("null");
   const [loading, setLoading] = useState(false);
 
   //retry button
@@ -408,7 +408,7 @@ export function RetryButton(props: { onClick: () => void }) {
     <TooltipProvider>
       <Tooltip>
         <TooltipTrigger asChild>
-          <Button variant="secondary" size="icon" onClick={props.onClick}>
+          <Button className="mt-auto" variant="secondary" size="icon" onClick={props.onClick}>
             <RotateCw className="h-10 w-5" />
           </Button>
         </TooltipTrigger>
@@ -426,7 +426,7 @@ export function TrashButton(props: { onClick: () => void }) {
     <TooltipProvider>
       <Tooltip>
         <TooltipTrigger asChild>
-          <Button variant="destructive" size="icon" onClick={props.onClick}>
+          <Button className="mt-auto" variant="destructive" size="icon" onClick={props.onClick}>
             <Trash2 className="h-10 w-5" />
           </Button>
         </TooltipTrigger>