update docs

src/app/cardlist/cardlist.component.css

@@ -50,6 +50,13 @@
 .formfields{
     margin-top: 10px;
 }
+.inline{
+    display: inline-block;
+}
+.listTitle{
+    font-weight: bold;
+    font-size: 1.2em;
+}
 
 
 

src/app/cardlist/cardlist.component.html

@@ -4,13 +4,15 @@
     (onDropSuccess)="cardDropped($event)"
     >
     <div class="panel-heading">
-        <h4>
-        {{item.name}}
-        &nbsp;
-        <button type="button" class="btn btn-default btn-xs" (click)="showAddCard()">
-            <i class="fa fa-plus"></i>
-        </button>
-        </h4>
+        <div>
+            <i class="fa fa-1 fa-circle inline" aria-hidden="true" [style.color]="item.color"></i>
+            <span class="inline listTitle">
+            {{item.name}}
+            </span>
+            <button type="button" class="btn btn-default btn-xs inline" (click)="showAddCard()">
+                <i class="fa fa-plus"></i>
+            </button>
+        </div>
     </div>
     <div class="">
         <ul class="list-group">
@@ -41,7 +43,8 @@
             <label for="taskname">Name</label>
             <input type="text" class="form-control" id="taskname" placeholder="task name" [(ngModel)]="cardname">
             <label for="taskdescription">Description</label>
-            <input type="text" class="form-control" id="taskdescription" placeholder="description" [(ngModel)]="carddescription">
+            <textarea cols="39" rows="6" class="form-control" id="taskdescription" placeholder="description" [(ngModel)] = "carddescription"></textarea>
+            <!--<input type="text" class="form-control" id="taskdescription" placeholder="description" [(ngModel)]="carddescription">-->
         </div>
         <div class="text-center">
             <button type="button" class="btn btn-primary" (click)="saveAddCard()">CREATE</button>

src/app/shared/data.service.ts

@@ -32,7 +32,11 @@ export class DataService {
 
 
     getCardLists(){
-        this.cardlists = this.af.database.list('/cardlist') as
+        this.cardlists = this.af.database.list('/cardlist',{
+            query: {
+                orderByChild: 'order'
+            }}
+        ) as
             FirebaseListObservable<CardList[]>;
         return this.cardlists;
     }