fix folder name

src/Bundle/ChillTaskBundle/Resources/public/sass/_task-list.scss

@@ -0,0 +1,53 @@
+table.chill-task-list {
+    .chill-task-list__row > div {
+        margin-bottom: 0.50rem;
+    }
+    
+    .chill-task-list__row__title {
+        font-weight: bold;
+        font-size: 1.40rem;
+    }
+    
+    .chill-task-list__row__type {
+        font-variant: small-caps;
+        display: inline;
+        padding: 0.05rem .15rem;
+        font-size: 0.88rem;
+        font-weight: light;
+        line-height: 1;
+        text-align: center;
+        white-space: nowrap;
+        vertical-align: baseline;
+        border: 1px solid var(--chill-dark-gray);
+        color: var(--chill-dark-gray);
+    }
+    
+    .chill-task-list__row__person-for {
+        display: inline;
+        font-weight: bold;
+    }
+    
+    .chill-task-list__row__assignee {
+        display: inline;
+        
+    }
+    
+    .chill_task-list__row__assignee_by {
+        display: inline;
+        font-weight: bold;
+    }
+    
+    .chill-task-list__row__dates {
+        & > ul {
+            display: inline;
+            list-style: none;
+            
+            & > li {
+                display: inline;
+                margin-right: 0.25rem;
+                
+            }
+        }
+    }
+}
+

src/Bundle/ChillTaskBundle/Resources/public/sass/_task-statuses.scss

@@ -0,0 +1,34 @@
+.task-status {
+    &.box {
+        font-variant: small-caps;
+        display: inline;
+        padding: .2em .6em .3em;
+        font-size: 0.88rem;
+        font-weight: bold;
+        line-height: 1;
+        text-align: center;
+        white-space: nowrap;
+        vertical-align: baseline;
+        border-radius: .25em;
+        color: white;
+    }
+    
+    &.type-task_default {
+        //  'new', 'in_progress', 'closed', 'canceled'
+            &.place-new {
+                background-color: var(--chill-yellow);
+            }
+
+            &.place-in_progress {
+                background-color: var(--chill-green);
+            }
+
+            &.place-closed {
+                background-color: var(--chill-blue);
+            }
+
+            &.place-canceled {
+                background-color: var(--chill-beige);
+            }
+    }
+}

src/Bundle/ChillTaskBundle/Resources/public/sass/_task.scss

@@ -0,0 +1,88 @@
+@import '../../../../main/Resources/public/sass/custom/config/colors';
+@import "_task-statuses.scss";
+@import "_task-list.scss";
+
+div#single_task_warningInterval {
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+    div.container {
+        display: flex;
+        flex-direction: row;
+        justify-content: flex-end;
+        & > div:first-child {
+            display:none;  /* Hide the label container */
+        }
+        & > div {
+            padding-right: 0;
+            width: 7em;
+        }
+        input[type="text"] {
+            height: 35px;
+        }
+    }
+}
+
+.bt-task-label {
+    display: inline-flex;
+    margin-bottom: 0.2em;
+    font-size: 0.8em;
+    text-transform: capitalize;
+}
+
+.bt-task {
+    display: inline-block;
+    height: 0;
+    width: 8px;
+}
+
+.bt-task-exchange {
+    background: $chill-green;
+    color: #fff;
+}
+.bt-task-exchange:hover {
+    background: $chill-green-dark;
+    color: #fff;
+}
+
+.bt-task-exchange::before {
+    @extend .bt-task;
+    width: 10px;
+    content: url(../svg/exchange-alt.svg);
+}
+
+.bt-task-start::before {
+    @extend .bt-task;
+    content: url(../svg/play.svg);
+}
+
+.bt-task-cancel::before {
+    @extend .bt-task;
+    content: url(../svg/archive.svg);
+}
+
+.bt-task-close::before {
+    @extend .bt-task;
+    content: url(../svg/check.svg);
+}
+
+.bt-dropdown {
+    position: relative;
+    display: inline-block;
+}
+
+.bt-dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #f9f9f9;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+    a {
+      margin: 0.4em;
+    }
+}
+
+.bt-dropdown:hover .bt-dropdown-content {
+    display: inline-block;
+    width: min-content;
+}