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/room/BackToBuildingComponent.js   | 1 +
 src/components/sidebars/topology/room/DeleteRoomComponent.js       | 1 +
 src/components/sidebars/topology/room/RackConstructionComponent.js | 2 ++
 3 files changed, 4 insertions(+)

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

diff --git a/src/components/sidebars/topology/room/BackToBuildingComponent.js b/src/components/sidebars/topology/room/BackToBuildingComponent.js
index 85d2adcd..20f02b4d 100644
--- a/src/components/sidebars/topology/room/BackToBuildingComponent.js
+++ b/src/components/sidebars/topology/room/BackToBuildingComponent.js
@@ -2,6 +2,7 @@ import React from "react";
 
 const BackToBuildingComponent = ({onClick}) => (
     <div className="btn btn-secondary btn-block mb-2" onClick={onClick}>
+        <span className="fa fa-angle-left mr-1"/>
         Back to building
     </div>
 );
diff --git a/src/components/sidebars/topology/room/DeleteRoomComponent.js b/src/components/sidebars/topology/room/DeleteRoomComponent.js
index 61e10523..c0fd96cc 100644
--- a/src/components/sidebars/topology/room/DeleteRoomComponent.js
+++ b/src/components/sidebars/topology/room/DeleteRoomComponent.js
@@ -3,6 +3,7 @@ import React from "react";
 const DeleteRoomComponent = ({onClick}) => {
     return (
         <div className="btn btn-danger btn-block" onClick={onClick}>
+            <span className="fa fa-trash mr-1"/>
             Delete this room
         </div>
     );
diff --git a/src/components/sidebars/topology/room/RackConstructionComponent.js b/src/components/sidebars/topology/room/RackConstructionComponent.js
index 894ffdf7..125ccbf9 100644
--- a/src/components/sidebars/topology/room/RackConstructionComponent.js
+++ b/src/components/sidebars/topology/room/RackConstructionComponent.js
@@ -4,6 +4,7 @@ const RackConstructionComponent = ({inRackConstructionMode, onStart, onStop}) =>
     if (inRackConstructionMode) {
         return (
             <div className="btn btn-primary btn-block" onClick={onStop}>
+                <span className="fa fa-times mr-1"/>
                 Stop rack construction
             </div>
         );
@@ -11,6 +12,7 @@ const RackConstructionComponent = ({inRackConstructionMode, onStart, onStop}) =>
 
     return (
         <div className="btn btn-primary btn-block" onClick={onStart}>
+            <span className="fa fa-plus mr-1"/>
             Start rack construction
         </div>
     );
-- 
cgit v1.2.3