From a1d95b3685cffb6a9344d0d1e5505dd391193f16 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Fri, 15 Sep 2017 12:53:26 +0200
Subject: Implement experiment list and add

---
 src/components/simulations/SimulationAuthList.sass | 72 ++--------------------
 1 file changed, 6 insertions(+), 66 deletions(-)

(limited to 'src/components/simulations/SimulationAuthList.sass')

diff --git a/src/components/simulations/SimulationAuthList.sass b/src/components/simulations/SimulationAuthList.sass
index cb1fe4cc..b09c7869 100644
--- a/src/components/simulations/SimulationAuthList.sass
+++ b/src/components/simulations/SimulationAuthList.sass
@@ -1,70 +1,15 @@
 @import ../../style-globals/_mixins.sass
 @import ../../style-globals/_variables.sass
 
-.simulation-list
-  display: block
-  font-size: 12pt
-  border: 0
-
-  .list-head, .list-body .simulation-row
-    display: block
-    position: relative
-
-  .list-head div, .list-body .simulation-row div
-    padding: 0 10px
-    display: inline-block
-
-  .list-head
-    font-weight: bold
-
-    // Address default margin between inline-blocks
-    div
-      margin-right: -4px
-
-.simulation-row
-  background: #f8f8f8
-  border: 1px solid #b6b6b6
-  height: 40px
-  line-height: 40px
-  clear: both
-
-.simulation-row:not(:first-of-type)
-  margin-top: -1px
-
-// Sizing of table columns
-.simulation-row, .simulation-list .list-head
-  div:first-of-type
-    width: 40%
-
-  div:nth-of-type(2)
-    width: 20%
-
-  div:nth-of-type(3)
-    width: 20%
-
-  div:last-of-type
-    width: 20%
-
-    span
-      margin-right: 10px
-
-.simulation-row > div:not(:first-of-type)
-  padding-left: 0 !important
-
-.simulation-list .list-head > div:not(:first-of-type)
-  padding-left: 5px !important
-
 .simulation-icons
   text-align: right
-  padding-right: 0 !important
 
-.simulation-row .simulation-icons div, .simulation-row .simulation-icons a
+.simulation-icons div, .simulation-icons a
   display: inline-block
-  position: relative
-  top: 4px
-  width: 30px
-  height: 30px
+  width: 35px
+  height: 35px
   margin-right: 5px
+  padding: 5px
   font-size: 12pt
   color: white
   +border-radius(100%)
@@ -73,17 +18,13 @@
 
   span
     position: relative
-    top: -4px
-    left: -1px
+    left: -6px
 
   background-color: $blue-dark
 
   &.open
     $icon-color: #0a00bf
 
-    span
-      left: 1px
-
     &:hover
       background: lighten($icon-color, 10%)
 
@@ -91,11 +32,10 @@
       background: darken($icon-color, 10%)
 
   &.users
-    font-size: 10pt
     $icon-color: #17bf55
 
     span
-      left: -2px
+      left: -3px
 
     &:hover
       background: $icon-color
-- 
cgit v1.2.3