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/rack | |
| parent | 3bf073f46e74667df4d2be9488a9f8f44ac84421 (diff) | |
Improve visual language of buttons
Diffstat (limited to 'src/components/sidebars/topology/rack')
3 files changed, 3 insertions, 2 deletions
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> } |