Rebrand simulation and experiment row buttons

1 files changed, 4 insertions, 4 deletions

diff --git a/src/components/simulations/SimulationActionButtons.js b/src/components/simulations/SimulationActionButtons.js
index 1cb80c94..448944c8 100644
--- a/src/components/simulations/SimulationActionButtons.js
+++ b/src/components/simulations/SimulationActionButtons.js
@@ -3,15 +3,15 @@ import React from 'react';
 import {Link} from "react-router-dom";
 
 const SimulationActionButtons = ({simulationId, onViewUsers, onDelete}) => (
-    <td className="simulation-icons">
-        <Link to={"/simulations/" + simulationId} className="open" title="Open this simulation">
+    <td className="text-right">
+        <Link to={"/simulations/" + simulationId} className="btn btn-outline-primary mr-1" title="Open this simulation">
             <span className="fa fa-play"/>
         </Link>
-        <div className="users" title="View and edit collaborators"
+        <div className="btn btn-outline-success mr-1" title="View and edit collaborators"
              onClick={() => onViewUsers(simulationId)}>
             <span className="fa fa-users"/>
         </div>
-        <div className="delete" title="Delete this simulation" onClick={() => onDelete(simulationId)}>
+        <div className="btn btn-outline-danger" title="Delete this simulation" onClick={() => onDelete(simulationId)}>
             <span className="fa fa-trash"/>
         </div>
     </td>