diff options
| author | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-15 14:36:37 +0200 |
|---|---|---|
| committer | Georgios Andreadis <g.andreadis@student.tudelft.nl> | 2017-09-23 10:06:03 +0200 |
| commit | 326b74fc39f63f47c71359276601ea93f7345dc6 (patch) | |
| tree | 692684391eef98b019c27ff48c6eefba504c4b88 /src/components | |
| parent | 653290da64e3d85f422d1f00407b74011999a5fa (diff) | |
Shrink buttons of experiment and simulation rows
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/experiments/ExperimentRowComponent.js | 4 | ||||
| -rw-r--r-- | src/components/simulations/SimulationActionButtons.js | 19 |
2 files changed, 17 insertions, 6 deletions
diff --git a/src/components/experiments/ExperimentRowComponent.js b/src/components/experiments/ExperimentRowComponent.js index b7468ac7..4fb8cbc1 100644 --- a/src/components/experiments/ExperimentRowComponent.js +++ b/src/components/experiments/ExperimentRowComponent.js @@ -12,13 +12,13 @@ const ExperimentRowComponent = ({experiment, simulationId, onDelete}) => ( <td className="text-right"> <Link to={"/simulations/" + simulationId + "/experiments/" + experiment.id} - className="btn btn-outline-primary mr-1" + className="btn btn-outline-primary btn-sm mr-1" title="Open this experiment" > <span className="fa fa-play"/> </Link> <div - className="btn btn-outline-danger" + className="btn btn-outline-danger btn-sm" title="Delete this experiment" onClick={() => onDelete(experiment.id)} > diff --git a/src/components/simulations/SimulationActionButtons.js b/src/components/simulations/SimulationActionButtons.js index 448944c8..c9a8a151 100644 --- a/src/components/simulations/SimulationActionButtons.js +++ b/src/components/simulations/SimulationActionButtons.js @@ -4,14 +4,25 @@ import {Link} from "react-router-dom"; const SimulationActionButtons = ({simulationId, onViewUsers, onDelete}) => ( <td className="text-right"> - <Link to={"/simulations/" + simulationId} className="btn btn-outline-primary mr-1" title="Open this simulation"> + <Link + to={"/simulations/" + simulationId} + className="btn btn-outline-primary btn-sm mr-1" + title="Open this simulation" + > <span className="fa fa-play"/> </Link> - <div className="btn btn-outline-success mr-1" title="View and edit collaborators" - onClick={() => onViewUsers(simulationId)}> + <div + className="btn btn-outline-success btn-sm mr-1" + title="View and edit collaborators" + onClick={() => onViewUsers(simulationId)} + > <span className="fa fa-users"/> </div> - <div className="btn btn-outline-danger" title="Delete this simulation" onClick={() => onDelete(simulationId)}> + <div + className="btn btn-outline-danger btn-sm" + title="Delete this simulation" + onClick={() => onDelete(simulationId)} + > <span className="fa fa-trash"/> </div> </td> |