From 4cb5bca60f1f5d5a97607eed3ecc64ed2f2ab87a Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Fri, 22 Sep 2017 09:01:58 +0200
Subject: Improve visual language of buttons

---
 src/components/sidebars/topology/machine/BackToRackComponent.js    | 1 +
 src/components/sidebars/topology/machine/DeleteMachineComponent.js | 1 +
 src/components/sidebars/topology/machine/UnitAddComponent.js       | 1 +
 src/components/sidebars/topology/machine/UnitComponent.js          | 5 ++++-
 4 files changed, 7 insertions(+), 1 deletion(-)

(limited to 'src/components/sidebars/topology/machine')

diff --git a/src/components/sidebars/topology/machine/BackToRackComponent.js b/src/components/sidebars/topology/machine/BackToRackComponent.js
index a602d242..3cd17f7a 100644
--- a/src/components/sidebars/topology/machine/BackToRackComponent.js
+++ b/src/components/sidebars/topology/machine/BackToRackComponent.js
@@ -2,6 +2,7 @@ import React from "react";
 
 const BackToRackComponent = ({onClick}) => (
     <div className="btn btn-secondary btn-block" onClick={onClick}>
+        <span className="fa fa-angle-left mr-1"/>
         Back to rack
     </div>
 );
diff --git a/src/components/sidebars/topology/machine/DeleteMachineComponent.js b/src/components/sidebars/topology/machine/DeleteMachineComponent.js
index f6fd39da..e99d378b 100644
--- a/src/components/sidebars/topology/machine/DeleteMachineComponent.js
+++ b/src/components/sidebars/topology/machine/DeleteMachineComponent.js
@@ -3,6 +3,7 @@ import React from "react";
 const DeleteMachineComponent = ({onClick}) => {
     return (
         <div className="btn btn-danger btn-block" onClick={onClick}>
+            <span className="fa fa-trash mr-1"/>
             Delete this machine
         </div>
     );
diff --git a/src/components/sidebars/topology/machine/UnitAddComponent.js b/src/components/sidebars/topology/machine/UnitAddComponent.js
index a1c9eb76..aa572e97 100644
--- a/src/components/sidebars/topology/machine/UnitAddComponent.js
+++ b/src/components/sidebars/topology/machine/UnitAddComponent.js
@@ -26,6 +26,7 @@ class UnitAddComponent extends React.Component {
                         className="btn btn-primary"
                         onClick={() => this.props.onAdd(parseInt(this.unitSelect.value, 10))}
                     >
+                        <span className="fa fa-plus mr-1"/>
                         Add
                     </button>
                 </div>
diff --git a/src/components/sidebars/topology/machine/UnitComponent.js b/src/components/sidebars/topology/machine/UnitComponent.js
index 84786ab4..895626d1 100644
--- a/src/components/sidebars/topology/machine/UnitComponent.js
+++ b/src/components/sidebars/topology/machine/UnitComponent.js
@@ -5,7 +5,10 @@ const UnitComponent = ({unit, onDelete, inSimulation}) => (
         {unit.manufacturer + " " + unit.family + " " + unit.model + " " + unit.generation}
         {inSimulation ?
             undefined :
-            <span className="btn btn-outline-danger" onClick={onDelete}>Delete</span>
+            <span className="btn btn-outline-danger" onClick={onDelete}>
+                <span className="fa fa-trash mr-1"/>
+                Delete
+            </span>
         }
     </li>
 );
-- 
cgit v1.2.3