* minor usage documentation

* colors added for some new tags
* tag text case doesn't matter in matching

README.md

@@ -1,28 +1,36 @@
 # TaurusTv
 
-This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.2.6.
+## Tools used for development
 
-## Development server
+- [deployer](https://deployer.org/download)
+- [nodeJS](https://nodejs.org/en/download/)
+- [php7.1](http://php.net) - [installation on ELX](https://www.colinodell.com/blog/2016-12/installing-php-7-1)
+- [phpStorm](https://www.jetbrains.com/phpstorm/download/)
+
+Install the latest versions, add them to your $PATH.
+
+## Prepare for development 
+
+### Install required node packages
+```bash
+sudo npm -g i typescript gulp @angular/cli
+# Inside your project root
+npm install
+```
+
+## Deployment
+
+Run `dep deploy` in the project root, to deploy the application to `vasgyuro.tsp`. The application will automatically reload on the TV when a new version is deployed.
+
+## Angular cli
+### Development server
 
 Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
 
-## Code scaffolding
+### Code scaffolding
 
 Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|module`.
 
-## Build
-
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
-
-## Running unit tests
-
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Running end-to-end tests
-
-Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
-Before running the tests make sure you are serving the app via `ng serve`.
-
-## Further help
+### Further help
 
 To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

src/app/kanban/kanban-entry-item/kanban-entry-item.component.css

@@ -30,19 +30,19 @@
 }
 
 .ui.divided.items > .item.blocker.bottom-separator {
-    border-bottom: 1px solid rgba(219, 40, 40, 0.5);
+    border-bottom: 3px double rgba(219, 40, 40, 0.5);
 }
 
 .ui.divided.items > .item.critical.bottom-separator {
-    border-bottom: 1px solid rgba(242, 113, 28, 0.5);
+    border-bottom: 3px double rgba(242, 113, 28, 0.5);
 }
 
 .ui.divided.items > .item.major.bottom-separator {
-    border-bottom: 1px solid rgba(181, 204, 24, 0.5);
+    border-bottom: 3px double rgba(181, 204, 24, 0.5);
 }
 
 .ui.divided.items > .item.minor.bottom-separator {
-    border-bottom: 1px solid rgba(0, 181, 173, 0.5);
+    border-bottom: 3px double rgba(0, 181, 173, 0.5);
 }
 
 /*Nothing below trivial, no separator needed*/

src/app/kanban/kanban-entry-item/kanban-entry-item.component.ts

@@ -8,9 +8,10 @@ const DEFAULT_AVATAR = '/assets/riddler.png';
 const labelColors = {
   TSP: 'teal',
   MTAS: 'orange',
-  Internal: 'yellow',
-  Team: 'yellow',
+  INTERNAL: 'yellow',
+  TEAM: 'yellow',
   BLOCKED: 'red',
+  SPIKE: 'purple',
 };
 
 @Component({
@@ -36,7 +37,7 @@ export class KanbanEntryItemComponent implements OnInit {
 
     public labelClass(label: string): string {
         try {
-            return labelColors[label];
+            return labelColors[label.toUpperCase()];
         } catch(e) {
             return 'white';
         }