Change color and position of the delete service button

1 files changed, 2 insertions, 2 deletions

diff --git a/frontend/src/components/panels/ServicesPane.js b/frontend/src/components/panels/ServicesPane.js
index 9f89485..338ebad 100644
--- a/frontend/src/components/panels/ServicesPane.js
+++ b/frontend/src/components/panels/ServicesPane.js
@@ -217,11 +217,11 @@ class ServicesPane extends Component {
 
                     <div className="section-footer">
                         {<ButtonField variant="red" name="cancel" bordered onClick={this.reset}/>}
+                        {isUpdate && <ButtonField variant="red" name= "delete_service"
+                                     bordered onClick={this.deleteService}/>}
                         <ButtonField variant={isUpdate ? "blue" : "green"}
                                      name={isUpdate ? "update_service" : "add_service"}
                                      bordered onClick={this.updateService}/>
-                        {isUpdate ? <ButtonField variant="blue" name= "delete_service"
-                                     bordered onClick={this.deleteService}/> : ""}
                     </div>
                 </div>
             </div>