From 6e02c8a2b63c4263502f1003a49c43d51a10b1bd Mon Sep 17 00:00:00 2001
From: David Linhardt <divad2012@web.de>
Date: Mon, 10 Jun 2024 14:05:04 +0200
Subject: [PATCH] style upload button

---
 src/pages/Commit/components/LocalizedFileInput.css  | 11 +++++++++--
 src/pages/Commit/components/LocalizedFileInput.scss |  9 +++++++++
 src/pages/Commit/components/LocalizedFileInput.tsx  |  2 +-
 3 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/pages/Commit/components/LocalizedFileInput.css b/src/pages/Commit/components/LocalizedFileInput.css
index 5a7fd16..f8be32c 100644
--- a/src/pages/Commit/components/LocalizedFileInput.css
+++ b/src/pages/Commit/components/LocalizedFileInput.css
@@ -1,5 +1,12 @@
 .localized-file-input-span {
+
    margin-left: 7px;
+
}
 
-    margin-left: 7px;
+
.custom-file-input button.button {
+
    background-color: #2d656f;
+
}
 
-}
\ No newline at end of file
+
.custom-file-input button.button:hover {
+
    background-color: #06f87f;
+
    color: #002339;
+
}
\ No newline at end of file
diff --git a/src/pages/Commit/components/LocalizedFileInput.scss b/src/pages/Commit/components/LocalizedFileInput.scss
index 6d39b5e..bce3942 100644
--- a/src/pages/Commit/components/LocalizedFileInput.scss
+++ b/src/pages/Commit/components/LocalizedFileInput.scss
@@ -2,4 +2,13 @@
 
 .localized-file-input-span {
     margin-left: 7px;
+}
+
+.custom-file-input button.button {
+    background-color: $amplimind-accent-light-blue;
+}
+
+.custom-file-input button.button:hover {
+    background-color: $amplimind-accent-green;
+    color: $amplimind-accent-dark-blue;
 }
\ No newline at end of file
diff --git a/src/pages/Commit/components/LocalizedFileInput.tsx b/src/pages/Commit/components/LocalizedFileInput.tsx
index 1a1d489..1933b81 100644
--- a/src/pages/Commit/components/LocalizedFileInput.tsx
+++ b/src/pages/Commit/components/LocalizedFileInput.tsx
@@ -63,7 +63,7 @@ const LocalizedFileInput: React.FC<LocalizedFileInputProps> = ({ onChange, accep
                 data-testid="fileUpload"
             />
             <label htmlFor='fileInput' className='custom-file-input'>
-                <button type="button">
+                <button className="button" type="button">
                     {t('browse')}
                 </button>
             </label>