Shrink buttons of experiment and simulation rows

1 files changed, 15 insertions, 4 deletions

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>