Shot list: Make shot active when making one of its tasks active

src/scripts/tutti/10_tasks.js

@@ -322,6 +322,11 @@ $(function() {
         var task_id = e.delegateTarget.dataset.taskId;
         task_open(task_id);
 
+        if (ProjectUtils.context() == 'shot'){
+            $('[id^="shot-"]').removeClass('active');
+            $(this).parent().parent().addClass('active');
+        }
+
         if ($(window).scrollTop() > 100) {
             $("html, body").animate({scrollTop: 50 }, '500', 'swing');
         }

src/styles/_shots.sass

@@ -115,15 +115,17 @@
 
 					&.active
 						opacity: 1
-						border-radius: 2px
-						display: inline-block
+
+						&:before
+							transform: translate(-50%, -50%) scale(1.6)
+							border: 2px solid $color-primary
 
 					&.task-add
 						width: auto
 						border-radius: initial
 						opacity: 0
 						vertical-align: middle
-						padding: 15px 5px
+						padding: 5px
 						display: flex
 
 						&:hover