From 20bb905983b92d10b481da15e3399275ad59e5e3 Mon Sep 17 00:00:00 2001
From: Abi Raja <abimanyuraja@gmail.com>
Date: Tue, 14 Nov 2023 18:47:10 -0500
Subject: [PATCH] improve button look

---
 frontend/src/App.tsx | 23 ++++++++++++++++++++---
 1 file changed, 20 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 4cba2a1..28d1bf7 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -88,9 +88,26 @@ function App() {
             </>
           )}
           {appState === "CODE_READY" && (
-            <a onClick={createBlobUrl} href={blobUrl} download="index.html">
-              Download code
-            </a>
+            <div className="flex items-center gap-x-2 mb-4 justify-end">
+              <a
+                className="bg-button/70 hover:bg-highlight text-black
+ py-2 px-4 rounded transition duration-300"
+                onClick={createBlobUrl}
+                href={blobUrl}
+                download="index.html"
+              >
+                Download code
+              </a>
+              <a
+                className="bg-button/70 hover:bg-highlight text-black
+ py-2 px-4 rounded transition duration-300"
+                onClick={createBlobUrl}
+                href={blobUrl}
+                download="index.html"
+              >
+                Reset
+              </a>
+            </div>
           )}
           <Preview code={generatedCode} />
         </>