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/rack/BackToRoomComponent.js | 1 +
 src/components/sidebars/topology/rack/DeleteRackComponent.js | 1 +
 src/components/sidebars/topology/rack/EmptySlotComponent.js  | 3 +--
 3 files changed, 3 insertions(+), 2 deletions(-)

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

diff --git a/src/components/sidebars/topology/rack/BackToRoomComponent.js b/src/components/sidebars/topology/rack/BackToRoomComponent.js
index 252e95b7..56e46345 100644
--- a/src/components/sidebars/topology/rack/BackToRoomComponent.js
+++ b/src/components/sidebars/topology/rack/BackToRoomComponent.js
@@ -2,6 +2,7 @@ import React from "react";
 
 const BackToRoomComponent = ({onClick}) => (
     <div className="btn btn-secondary btn-block mb-2" onClick={onClick}>
+        <span className="fa fa-angle-left mr-1"/>
         Back to room
     </div>
 );
diff --git a/src/components/sidebars/topology/rack/DeleteRackComponent.js b/src/components/sidebars/topology/rack/DeleteRackComponent.js
index 555f6d02..2075660b 100644
--- a/src/components/sidebars/topology/rack/DeleteRackComponent.js
+++ b/src/components/sidebars/topology/rack/DeleteRackComponent.js
@@ -3,6 +3,7 @@ import React from "react";
 const DeleteRackComponent = ({onClick}) => {
     return (
         <div className="btn btn-danger btn-block" onClick={onClick}>
+            <span className="fa fa-trash mr-1"/>
             Delete this rack
         </div>
     );
diff --git a/src/components/sidebars/topology/rack/EmptySlotComponent.js b/src/components/sidebars/topology/rack/EmptySlotComponent.js
index 380cbf16..c4c453e9 100644
--- a/src/components/sidebars/topology/rack/EmptySlotComponent.js
+++ b/src/components/sidebars/topology/rack/EmptySlotComponent.js
@@ -1,5 +1,4 @@
 import React from "react";
-import FontAwesome from "react-fontawesome";
 
 const EmptySlotComponent = ({position, onAdd, inSimulation}) => (
     <li className="list-group-item d-flex justify-content-between align-items-center">
@@ -11,7 +10,7 @@ const EmptySlotComponent = ({position, onAdd, inSimulation}) => (
                 Empty Slot
             </span> :
             <button className="btn btn-outline-primary" onClick={onAdd}>
-                <FontAwesome name="plus" className="mr-1"/>
+                <span className="fa fa-plus mr-1"/>
                 Add machine
             </button>
         }
-- 
cgit v1.2.3