diff options
| author | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-22 09:01:58 +0200 |
|---|---|---|
| committer | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-23 10:06:06 +0200 |
| commit | 4cb5bca60f1f5d5a97607eed3ecc64ed2f2ab87a (patch) | |
| tree | 71bb4ad3f7cf1ea645366a0bfdf838dab7b58cf5 /src/components/sidebars/topology/room | |
| parent | 3bf073f46e74667df4d2be9488a9f8f44ac84421 (diff) | |
Improve visual language of buttons
Diffstat (limited to 'src/components/sidebars/topology/room')
3 files changed, 4 insertions, 0 deletions
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> ); |
