From d7d164ee992df5e3bb60f956ddebd7c7a94423c6 Mon Sep 17 00:00:00 2001
From: WithoutPants <53250216+WithoutPants@users.noreply.github.com>
Date: Fri, 16 Aug 2019 07:52:05 +1000
Subject: [PATCH] Add margin between edit and delete button

---
 .../src/components/scenes/SceneDetails/SceneEditPanel.tsx  | 4 ++--
 ui/v2/src/index.scss                                       | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/ui/v2/src/components/scenes/SceneDetails/SceneEditPanel.tsx b/ui/v2/src/components/scenes/SceneDetails/SceneEditPanel.tsx
index 6bba97acf..bdb99179f 100644
--- a/ui/v2/src/components/scenes/SceneDetails/SceneEditPanel.tsx
+++ b/ui/v2/src/components/scenes/SceneDetails/SceneEditPanel.tsx
@@ -232,8 +232,8 @@ export const SceneEditPanel: FunctionComponent<IProps> = (props: IProps) => {
           {renderMultiSelect("tags", tagIds)}
         </FormGroup>
       </div>
-      <Button text="Save" intent="primary" onClick={() => onSave()}/>
-      <Button text="Delete" intent="danger" onClick={() => setIsDeleteAlertOpen(true)}/>
+      <Button className="edit-button" text="Save" intent="primary" onClick={() => onSave()}/>
+      <Button className="edit-button" text="Delete" intent="danger" onClick={() => setIsDeleteAlertOpen(true)}/>
     </>
   );
 };
diff --git a/ui/v2/src/index.scss b/ui/v2/src/index.scss
index 969fde890..55108cb47 100755
--- a/ui/v2/src/index.scss
+++ b/ui/v2/src/index.scss
@@ -80,6 +80,10 @@ video.preview {
   margin: 0 10px;
 }
 
+.edit-button {
+  margin-right: 10px;
+}
+
 .tag-item {
   margin: 5px;
 
@@ -187,4 +191,5 @@ span.block {
       margin: 0 10px;
     }
   }
-}
\ No newline at end of file
+}
+