Max Red - Added even even more more basic scss [skip ci]

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)
         };
 

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;
     }
 }