From 326b74fc39f63f47c71359276601ea93f7345dc6 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Fri, 15 Sep 2017 14:36:37 +0200
Subject: Shrink buttons of experiment and simulation rows

---
 src/components/experiments/ExperimentRowComponent.js  |  4 ++--
 src/components/simulations/SimulationActionButtons.js | 19 +++++++++++++++----
 2 files changed, 17 insertions(+), 6 deletions(-)

(limited to 'src/components')

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>
-- 
cgit v1.2.3