From 5c6cbb5195d82bcbb745088f1a28641b432cf39f Mon Sep 17 00:00:00 2001
From: dvirlabs <dvirlabs@gmail.com>
Date: Tue, 10 Jun 2025 20:51:49 +0300
Subject: [PATCH] colored restore button

---
 frontend/src/components/RestoreForm.jsx | 3 ++-
 frontend/src/style/RestoreForm.css      | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/style/RestoreForm.css

diff --git a/frontend/src/components/RestoreForm.jsx b/frontend/src/components/RestoreForm.jsx
index 4d211d0..57ad21a 100644
--- a/frontend/src/components/RestoreForm.jsx
+++ b/frontend/src/components/RestoreForm.jsx
@@ -1,6 +1,7 @@
 import { useState } from 'react';
 import { restoreBackup } from '../api/snapix';
 import { Button, Input } from '@mui/base'
+import '../style/RestoreForm.css'; // Assuming you have some styles for the form
 
 export default function RestoreForm() {
   const [backupName, setBackupName] = useState('');
@@ -52,7 +53,7 @@ export default function RestoreForm() {
         />
       </div>
 
-      <Button className='btn' onClick={handleRestore}>Restore</Button>
+      <Button id='restore-btn' className='btn' onClick={handleRestore}>Restore</Button>
     </div>
   );
 }
diff --git a/frontend/src/style/RestoreForm.css b/frontend/src/style/RestoreForm.css
new file mode 100644
index 0000000..c54af39
--- /dev/null
+++ b/frontend/src/style/RestoreForm.css
@@ -0,0 +1,3 @@
+#restore-btn {
+    background-color: dodgerblue;
+}
\ No newline at end of file