From 8cee073f395bff2deead8dfcb97c16fa89d16bd9 Mon Sep 17 00:00:00 2001
From: Siklos <siklos@tuta.io>
Date: Thu, 4 Aug 2022 18:17:45 +0200
Subject: [PATCH] Add Style to  save button

---
 src/Editor.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/Editor.tsx b/src/Editor.tsx
index c9dc2fa..ef82066 100644
--- a/src/Editor.tsx
+++ b/src/Editor.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { UploadIcon } from '@heroicons/react/outline';
 import './Editor.scss';
 import Sidebar from './Components/Sidebar/Sidebar';
 import { ElementsSidebar } from './Components/ElementsSidebar/ElementsSidebar';
@@ -305,7 +306,13 @@ class Editor extends React.Component<IEditorProps> {
         <SVG selected={current.SelectedContainer}>
           { current.MainContainer }
         </SVG>
-        <button onClick={() => this.SaveEditor()}>Save</button>
+        <button
+          className='fixed transition-all right-12 bottom-10 w-14 h-14 p-2 align-middle items-center justify-center rounded-full bg-blue-500 hover:bg-blue-800'
+          title='Export as JSON'
+          onClick={() => this.SaveEditor()}
+        >
+          <UploadIcon className="h-full w-full text-white align-middle items-center justify-center" />
+        </button>
       </div>
     );
   }