From 30f1526f1ccb4e53406b96739e26a0f627ba40cf Mon Sep 17 00:00:00 2001
From: ivan <ivan@opensupports.com>
Date: Sun, 15 Jan 2017 15:47:13 -0300
Subject: [PATCH] Max Red - Added even even more more basic scss [skip ci]

---
 client/src/core-components/toggle-list.js   | 1 +
 client/src/core-components/toggle-list.scss | 9 +++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/client/src/core-components/toggle-list.js b/client/src/core-components/toggle-list.js
index e5e70fbc..d057a6f1 100644
--- a/client/src/core-components/toggle-list.js
+++ b/client/src/core-components/toggle-list.js
@@ -44,6 +44,7 @@ class ToggleList extends React.Component {
         let classes = {
             'toggle-list__item': true,
             'toggle-list__first-item': (index === 0),
+            'toggle-list__last-item': (index === this.props.items.length - 1),
             'toggle-list__selected': _.includes(this.getSelectedList(), index)
         };
 
diff --git a/client/src/core-components/toggle-list.scss b/client/src/core-components/toggle-list.scss
index 7bf244cb..a016f8a3 100644
--- a/client/src/core-components/toggle-list.scss
+++ b/client/src/core-components/toggle-list.scss
@@ -8,14 +8,19 @@
         width: 180px;
         height: 120px;
         display: inline-block;
-        transition: background-color 0.4s ease;
+        transition: box-shadow 0.2s ease-in-out;
     }
 
     &__selected {
-        background-color: $light-grey;
+        box-shadow: inset 0 -5px 40px 10px rgba(0, 0, 0, 0.05);
     }
 
     &__first-item {
         border: 1px $light-grey solid;
+        border-radius: 4px 0 0 4px;
+    }
+
+    &__last-item {
+        border-radius: 0 4px 4px 0;
     }
 }