From 0fade059309352238abbbc52fa3b450f59fbb28c Mon Sep 17 00:00:00 2001
From: FabioL <1647128+loviuz@users.noreply.github.com>
Date: Thu, 28 Nov 2024 18:59:00 +0100
Subject: [PATCH] Made download button more visible (#335)

---
 client/routes/secret/index.jsx | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/client/routes/secret/index.jsx b/client/routes/secret/index.jsx
index 54fd770..4fdcdde 100644
--- a/client/routes/secret/index.jsx
+++ b/client/routes/secret/index.jsx
@@ -248,6 +248,22 @@ const Secret = () => {
                         </button>
                     )}
 
+                    {/* File Download Buttons */}
+                    {files?.length > 0 &&
+                        files.map((file) => (
+                            <button
+                                key={file.key}
+                                onClick={() => onFileDownload(file)}
+                                disabled={isDownloaded.some((key) => key === file.key)}
+                                className="flex items-center gap-2 px-4 py-2 bg-hemmelig text-white 
+                                     hover:bg-hemmelig-700 rounded-md transition-colors
+                                     disabled:opacity-50 disabled:cursor-not-allowed"
+                            >
+                                <IconDownload size={14} />
+                                {'hemmelig_files' + file.ext}
+                            </button>
+                        ))}
+
                     {/* Convert Base64 Button */}
                     {isSecretOpen && (
                         <button
@@ -273,22 +289,6 @@ const Secret = () => {
                             {t('secret.create_secret')}
                         </Link>
                     )}
-
-                    {/* File Download Buttons */}
-                    {files?.length > 0 &&
-                        files.map((file) => (
-                            <button
-                                key={file.key}
-                                onClick={() => onFileDownload(file)}
-                                disabled={isDownloaded.some((key) => key === file.key)}
-                                className="flex items-center gap-2 px-4 py-2 bg-gray-800 text-gray-300 
-                                     hover:bg-gray-700 hover:text-white rounded-md transition-colors
-                                     disabled:opacity-50 disabled:cursor-not-allowed"
-                            >
-                                <IconDownload size={14} />
-                                {'hemmelig_files' + file.ext}
-                            </button>
-                        ))}
                 </div>
             </div>
         </div>