From 1b6545fa653df44b019f6676faed39880999b2bf Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Mon, 21 Aug 2017 12:08:41 +0200
Subject: Add basic react-konva rendering prototype

---
 src/components/simulations/SimulationActionButtons.js | 8 ++++----
 src/components/simulations/SimulationAuthList.sass    | 7 +++++--
 2 files changed, 9 insertions(+), 6 deletions(-)

(limited to 'src/components/simulations')

diff --git a/src/components/simulations/SimulationActionButtons.js b/src/components/simulations/SimulationActionButtons.js
index d48b4bcf..1731b9be 100644
--- a/src/components/simulations/SimulationActionButtons.js
+++ b/src/components/simulations/SimulationActionButtons.js
@@ -1,11 +1,12 @@
 import PropTypes from "prop-types";
 import React from 'react';
+import {Link} from "react-router-dom";
 
-const SimulationActionButtons = ({simulationId, onOpen, onViewUsers, onDelete}) => (
+const SimulationActionButtons = ({simulationId, onViewUsers, onDelete}) => (
     <div className="simulation-icons">
-        <div className="open" title="Open this simulation" onClick={() => onOpen(simulationId)}>
+        <Link to={"/simulations/" + simulationId} className="open" title="Open this simulation">
             <span className="fa fa-play"/>
-        </div>
+        </Link>
         <div className="users" title="View and edit collaborators on this simulation"
              onClick={() => onViewUsers(simulationId)}>
             <span className="fa fa-users"/>
@@ -18,7 +19,6 @@ const SimulationActionButtons = ({simulationId, onOpen, onViewUsers, onDelete})
 
 SimulationActionButtons.propTypes = {
     simulationId: PropTypes.number.isRequired,
-    onOpen: PropTypes.func,
     onViewUsers: PropTypes.func,
     onDelete: PropTypes.func,
 };
diff --git a/src/components/simulations/SimulationAuthList.sass b/src/components/simulations/SimulationAuthList.sass
index 10334c9f..58683446 100644
--- a/src/components/simulations/SimulationAuthList.sass
+++ b/src/components/simulations/SimulationAuthList.sass
@@ -57,8 +57,8 @@
 .simulation-row .simulation-icons
   text-align: right
 
-.simulation-row .simulation-icons div
-  display: inline
+.simulation-row .simulation-icons div, .simulation-row .simulation-icons a
+  display: inline-block
   position: relative
   top: 4px
   width: 30px
@@ -79,6 +79,9 @@
     $icon-color: #0c60bf
     background: $icon-color
 
+    span
+      left: 1px
+
     &:hover
       background: lighten($icon-color, 10%)
 
-- 
cgit v1.2.3