diff --git a/src/app/app.component.css b/src/app/app.component.css
index 54addcd..6812812 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -3,6 +3,8 @@
   position: relative;
   float: left;
   margin-top: 10px;
+  bottom: 0;
+  opacity: 95%;
 }
 
 .nav a {
diff --git a/src/app/sprint-table/sprint-table.component.css b/src/app/sprint-table/sprint-table.component.css
index 70c4c49..7303d6b 100644
--- a/src/app/sprint-table/sprint-table.component.css
+++ b/src/app/sprint-table/sprint-table.component.css
@@ -1,3 +1,11 @@
 th.sortable:hover {
     text-decoration: underline;
-}
\ No newline at end of file
+}
+
+.content {
+    position: relative;
+    float: left;
+    margin-top: 10px;
+    margin-left: 20px;
+    width: 80%;
+}
diff --git a/src/app/sprint-table/sprint-table.component.html b/src/app/sprint-table/sprint-table.component.html
index 894bcb9..04c3d79 100644
--- a/src/app/sprint-table/sprint-table.component.html
+++ b/src/app/sprint-table/sprint-table.component.html
@@ -1,36 +1,36 @@
 <div class="container-fluid">
-
+  <div class="content">
     <h3>
       Sprints
     </h3>
-  
+
     <button class="btn btn-secondary" (click)="openSprintForm()">Neuer Sprint</button>
     <table class="table">
       <thead>
-      <tr>
-        <th (click)="sortById()" class="sortable">
-          <span>ID</span>
-          <span>
-            <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
-            <span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
-            <span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span>
-        </span>
-        </th>
-        <th (click)="sortByTitle()" class="sortable">
-          <span>Titel</span>
-          <span>
-            <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
-            <span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
-            <span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
-        </span>
-        </th>
-        <th (click)="sortByStartDate()" class="sortable">
+        <tr>
+          <th (click)="sortById()" class="sortable">
+            <span>ID</span>
+            <span>
+              <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
+              <span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
+              <span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span>
+            </span>
+          </th>
+          <th (click)="sortByTitle()" class="sortable">
+            <span>Titel</span>
+            <span>
+              <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
+              <span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
+              <span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
+            </span>
+          </th>
+          <th (click)="sortByStartDate()" class="sortable">
             <span>Start</span>
             <span>
               <span *ngIf="sortBy != 'startDate'"><i class="fa fa-sort fa-lg"></i></span>
               <span *ngIf="sortDescending && sortBy === 'startDate'"><i class="fa fa-sort-up fa-lg"></i></span>
               <span *ngIf="sortDescending === false && sortBy === 'startDate'"><i class="fa fa-sort-down fa-lg"></i></span>
-          </span>
+            </span>
           </th>
           <th (click)="sortByEndDate()" class="sortable">
             <span>End</span>
@@ -38,29 +38,29 @@
               <span *ngIf="sortBy != 'endDate'"><i class="fa fa-sort fa-lg"></i></span>
               <span *ngIf="sortDescending && sortBy === 'endDate'"><i class="fa fa-sort-up fa-lg"></i></span>
               <span *ngIf="sortDescending === false && sortBy === 'endDate'"><i class="fa fa-sort-down fa-lg"></i></span>
-          </span>
+            </span>
           </th>
-        <th></th>
-      </tr>
+          <th></th>
+        </tr>
       </thead>
-  
+
       <tbody>
-      <tr *ngFor="let sprint of filteredItems" [class.table-info]="sprint.id === highlightId">
-        <td>{{sprint.id}}</td>
-        <td>{{sprint.title}}</td>
-        <td>{{sprint.startDate | date:'dd.MM.yyyy'}}</td>
-        <td>{{sprint.endDate | date:'dd.MM.yyyy'}}</td>
-        <td>
-          <button type="button" rel="tooltip" (click)="openSprintForm(sprint)" class="btn btn-success btn-sm btn-icon">
-            <i class="fa fa-pencil-alt"></i>
-        </button>
-        <button type="button" rel="tooltip" (click)="deleteSprint(sprint)" class="btn btn-danger btn-sm btn-icon">
-            <i class="fa fa-trash"></i>
-        </button>
-        </td>
-      </tr>
+        <tr *ngFor="let sprint of filteredItems" [class.table-info]="sprint.id === highlightId">
+          <td>{{sprint.id}}</td>
+          <td>{{sprint.title}}</td>
+          <td>{{sprint.startDate | date:'dd.MM.yyyy'}}</td>
+          <td>{{sprint.endDate | date:'dd.MM.yyyy'}}</td>
+          <td>
+            <button type="button" rel="tooltip" (click)="openSprintForm(sprint)" class="btn btn-success btn-sm btn-icon">
+              <i class="fa fa-pencil-alt"></i>
+            </button>
+            <button type="button" rel="tooltip" (click)="deleteSprint(sprint)" class="btn btn-danger btn-sm btn-icon">
+              <i class="fa fa-trash"></i>
+            </button>
+          </td>
+        </tr>
       </tbody>
-  
+
     </table>
   </div>
-  
\ No newline at end of file
+</div>
diff --git a/src/app/task-table/task-table.component.css b/src/app/task-table/task-table.component.css
index 70f7a6e..9b76eba 100644
--- a/src/app/task-table/task-table.component.css
+++ b/src/app/task-table/task-table.component.css
@@ -1,3 +1,11 @@
 th.sortable:hover {
   text-decoration: underline;
 }
+
+.content {
+  position: relative;
+  float: left;
+  margin-top: 10px;
+  margin-left: 20px;
+  width: 80%;
+}
diff --git a/src/app/task-table/task-table.component.html b/src/app/task-table/task-table.component.html
index 1a8b2f2..e3760f6 100644
--- a/src/app/task-table/task-table.component.html
+++ b/src/app/task-table/task-table.component.html
@@ -1,126 +1,126 @@
 <div class="container-fluid">
-
+  <div class="content">
     <h3>
-        <a *ngIf="filterUserstoryId" [routerLink]="['/userstories', {id: filterUserstoryId}]">
-            Userstory #{{filterUserstoryId}}
-            &gt;
-        </a>
-        Tasks
+      <a *ngIf="filterUserstoryId" [routerLink]="['/userstories', {id: filterUserstoryId}]">
+        Userstory #{{filterUserstoryId}}
+        &gt;
+      </a>
+      Tasks
     </h3>
     <div *ngIf="filterUserstoryId">
-        <a [routerLink]="'/tasks'">Alle Tasks anzeigen</a>
+      <a [routerLink]="'/tasks'">Alle Tasks anzeigen</a>
     </div>
 
     <button class="btn btn-secondary" (click)="openTaskForm()">Neuer Task</button>
 
     <table class="table">
-        <thead>
-            <tr>
-                <th (click)="sortById()" class="sortable">
-                    <span>ID</span>
-                    <span>
-                        <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
-                        <span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
-                        <span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
-                    </span>
-                </th>
-                <th (click)="sortByTitle()" class="sortable">
-                    <span>Titel</span>
-                    <span>
-                        <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
-                        <span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
-                        <span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
-                    </span>
-                </th>
-                <th (click)="sortByTasks()" class="sortable">
-                    <span>Userstory</span>
-                    <span>
-                        <span *ngIf="sortBy != 'userstory'"><i class="fa fa-sort fa-lg"></i></span>
-                        <span *ngIf="sortDescending && sortBy === 'userstory'"><i class="fa fa-sort-up fa-lg"></i></span>
-                        <span *ngIf="sortDescending === false && sortBy === 'userstory'"><i class="fa fa-sort-down fa-lg"></i></span>
-                    </span>
-                </th>
-                <th (click)="sortByStatus()" class="sortable">
-                    <span>Status</span>
-                    <span>
-                        <span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></span>
-                        <span *ngIf="sortDescending && sortBy === 'statusid'"><i class="fa fa-sort-up fa-lg"></i></span>
-                        <span *ngIf="sortDescending === false && sortBy === 'statusid'"><i class="fa fa-sort-down fa-lg"></i></span>
-                    </span>
-                </th>
-                <th class="sortable">
-                    <div class="d-inline-block">
-                        <span (click)="sortByPrio()">Priorität: </span>
-                        <div ngbDropdown class="d-inline-block">
-                            <span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
-                            <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
-                                <option ngbDropdownItem (click)="filterPriority=null">All</option>
-                                <option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option>
-                            </div>
-                        </div>
-                        <span (click)="sortByPrio()">
-                                <span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span>
-                                <span *ngIf="sortDescending && sortBy === 'priority'"><i class="fa fa-sort-up fa-lg"></i></span>
-                                <span *ngIf="sortDescending === false && sortBy === 'priority'"><i class="fa fa-sort-down fa-lg"></i></span>
-                        </span>
-                    </div>
-                </th>
-                <th (click)="sortByAssigned()" class="sortable">
-                    <span>Assigned To</span>
-                    <span>
-                        <span *ngIf="sortBy != 'assignedtoid'"><i class="fa fa-sort fa-lg"></i></span>
-                        <span *ngIf="sortDescending && sortBy === 'assignedtoid'"><i class="fa fa-sort-up fa-lg"></i></span>
-                        <span *ngIf="sortDescending === false && sortBy === 'assignedtoid'"><i class="fa fa-sort-down fa-lg"></i></span>
-                    </span>
-                </th>
-                <th (click)="sortByCategory()" class="sortable">
-                    <span>Category</span>
-                    <span>
-                        <span *ngIf="sortBy != 'categoryid'"><i class="fa fa-sort fa-lg"></i></span>
-                        <span *ngIf="sortDescending && sortBy === 'categoryid'"><i class="fa fa-sort-up fa-lg"></i></span>
-                        <span *ngIf="sortDescending === false && sortBy === 'categoryid'"><i class="fa fa-sort-down fa-lg"></i></span>
-                    </span>
-                </th>
-                <th></th>
-            </tr>
-        </thead>
+      <thead>
+        <tr>
+          <th (click)="sortById()" class="sortable">
+            <span>ID</span>
+            <span>
+              <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
+              <span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
+              <span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
+            </span>
+          </th>
+          <th (click)="sortByTitle()" class="sortable">
+            <span>Titel</span>
+            <span>
+              <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
+              <span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
+              <span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
+            </span>
+          </th>
+          <th (click)="sortByTasks()" class="sortable">
+            <span>Userstory</span>
+            <span>
+              <span *ngIf="sortBy != 'userstory'"><i class="fa fa-sort fa-lg"></i></span>
+              <span *ngIf="sortDescending && sortBy === 'userstory'"><i class="fa fa-sort-up fa-lg"></i></span>
+              <span *ngIf="sortDescending === false && sortBy === 'userstory'"><i class="fa fa-sort-down fa-lg"></i></span>
+            </span>
+          </th>
+          <th (click)="sortByStatus()" class="sortable">
+            <span>Status</span>
+            <span>
+              <span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></span>
+              <span *ngIf="sortDescending && sortBy === 'statusid'"><i class="fa fa-sort-up fa-lg"></i></span>
+              <span *ngIf="sortDescending === false && sortBy === 'statusid'"><i class="fa fa-sort-down fa-lg"></i></span>
+            </span>
+          </th>
+          <th class="sortable">
+            <div class="d-inline-block">
+              <span (click)="sortByPrio()">Priorität: </span>
+              <div ngbDropdown class="d-inline-block">
+                <span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
+                <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
+                  <option ngbDropdownItem (click)="filterPriority=null">All</option>
+                  <option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option>
+                </div>
+              </div>
+              <span (click)="sortByPrio()">
+                <span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span>
+                <span *ngIf="sortDescending && sortBy === 'priority'"><i class="fa fa-sort-up fa-lg"></i></span>
+                <span *ngIf="sortDescending === false && sortBy === 'priority'"><i class="fa fa-sort-down fa-lg"></i></span>
+              </span>
+            </div>
+          </th>
+          <th (click)="sortByAssigned()" class="sortable">
+            <span>Assigned To</span>
+            <span>
+              <span *ngIf="sortBy != 'assignedtoid'"><i class="fa fa-sort fa-lg"></i></span>
+              <span *ngIf="sortDescending && sortBy === 'assignedtoid'"><i class="fa fa-sort-up fa-lg"></i></span>
+              <span *ngIf="sortDescending === false && sortBy === 'assignedtoid'"><i class="fa fa-sort-down fa-lg"></i></span>
+            </span>
+          </th>
+          <th (click)="sortByCategory()" class="sortable">
+            <span>Category</span>
+            <span>
+              <span *ngIf="sortBy != 'categoryid'"><i class="fa fa-sort fa-lg"></i></span>
+              <span *ngIf="sortDescending && sortBy === 'categoryid'"><i class="fa fa-sort-up fa-lg"></i></span>
+              <span *ngIf="sortDescending === false && sortBy === 'categoryid'"><i class="fa fa-sort-down fa-lg"></i></span>
+            </span>
+          </th>
+          <th></th>
+        </tr>
+      </thead>
 
-        <tbody>
-            <tr *ngFor="let task of filteredItems" [class.table-info]="task.id === highlightId">
-                <td>{{task.id}}</td>
-                <td>{{task.title}}</td>
-                <td>
-                    <a [routerLink]="['/userstories', {id: task.userstoryid}]">
-                        US #{{task.userstoryid}}
-                    </a>
-                </td>
-                <td>
-                    <a [routerLink]="['/status', {id: task.statusid}]">
-                        {{getStatusTitleById(task.statusid)}}
-                    </a>
-                </td>
-                <td>{{task.priority}}</td>
-                <td>
-                    <a [routerLink]="['/users', {id: task.assignedtoid}]">
-                        {{getUserNameById(task.assignedtoid)}}
-                    </a>
-                </td>
-                <td>
-                    <a [routerLink]="['/categories', {id: task.categoryid}]">
-                        {{getCategoryTitleById(task.categoryid)}}
-                    </a>
-                </td>
-                <td>
-                    <button type="button" rel="tooltip" (click)="openTaskForm(task)" class="btn btn-success btn-sm btn-icon">
-                        <i class="fa fa-pencil-alt"></i>
-                    </button>
-                    <button type="button" rel="tooltip" (click)="deleteTask(task)" class="btn btn-danger btn-sm btn-icon">
-                        <i class="fa fa-trash"></i>
-                    </button>
-                </td>
-            </tr>
-        </tbody>
+      <tbody>
+        <tr *ngFor="let task of filteredItems" [class.table-info]="task.id === highlightId">
+          <td>{{task.id}}</td>
+          <td>{{task.title}}</td>
+          <td>
+            <a [routerLink]="['/userstories', {id: task.userstoryid}]">
+              US #{{task.userstoryid}}
+            </a>
+          </td>
+          <td>
+            <a [routerLink]="['/status', {id: task.statusid}]">
+              {{getStatusTitleById(task.statusid)}}
+            </a>
+          </td>
+          <td>{{task.priority}}</td>
+          <td>
+            <a [routerLink]="['/users', {id: task.assignedtoid}]">
+              {{getUserNameById(task.assignedtoid)}}
+            </a>
+          </td>
+          <td>
+            <a [routerLink]="['/categories', {id: task.categoryid}]">
+              {{getCategoryTitleById(task.categoryid)}}
+            </a>
+          </td>
+          <td>
+            <button type="button" rel="tooltip" (click)="openTaskForm(task)" class="btn btn-success btn-sm btn-icon">
+              <i class="fa fa-pencil-alt"></i>
+            </button>
+            <button type="button" rel="tooltip" (click)="deleteTask(task)" class="btn btn-danger btn-sm btn-icon">
+              <i class="fa fa-trash"></i>
+            </button>
+          </td>
+        </tr>
+      </tbody>
 
     </table>
+  </div>
 </div>
-
diff --git a/src/app/userstory-table/userstory-table.component.css b/src/app/userstory-table/userstory-table.component.css
index 70f7a6e..9b76eba 100644
--- a/src/app/userstory-table/userstory-table.component.css
+++ b/src/app/userstory-table/userstory-table.component.css
@@ -1,3 +1,11 @@
 th.sortable:hover {
   text-decoration: underline;
 }
+
+.content {
+  position: relative;
+  float: left;
+  margin-top: 10px;
+  margin-left: 20px;
+  width: 80%;
+}
diff --git a/src/app/userstory-table/userstory-table.component.html b/src/app/userstory-table/userstory-table.component.html
index 90e0ce0..a6d772d 100644
--- a/src/app/userstory-table/userstory-table.component.html
+++ b/src/app/userstory-table/userstory-table.component.html
@@ -1,106 +1,107 @@
 <div class="container-fluid">
+  <div class="content">
+    <h3>Userstories</h3>
 
-  <h3>Userstories</h3>
+    <button class="btn btn-secondary" (click)="openUserstoryForm()">Neue Userstory</button>
 
-  <button class="btn btn-secondary" (click)="openUserstoryForm()">Neue Userstory</button>
+    <table class="table">
 
-  <table class="table">
-
-    <thead>
-    <tr>
-      <th (click)="sortById()" class="sortable">
-        <span>ID</span>
-        <span>
-          <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
-          <span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
-          <span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span>
-      </span>
-      </th>
-      <th (click)="sortByTitle()" class="sortable">
-        <span>Titel</span>
-        <span>
-          <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
-          <span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
-          <span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
-      </span>
-      </th>
-      <th (click)="sortByTasks()" class="sortable">
-        <span>Tasks</span>
-        <span>
-          <span *ngIf="sortBy != 'tasks'"><i class="fa fa-sort fa-lg"></i></span>
-          <span *ngIf="sortDescending && sortBy === 'tasks'"><i class="fa fa-sort-up fa-lg"></i></span>
-          <span *ngIf="sortDescending === false && sortBy === 'tasks'"><i class="fa fa-sort-down fa-lg"></i></span>
-      </span>
-      </th>
-      <th (click)="sortByStatus()" class="sortable">
-        <span>Status</span>
-        <span>
-          <span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></span>
-          <span *ngIf="sortDescending && sortBy === 'statusid'"><i class="fa fa-sort-up fa-lg"></i></span>
-          <span *ngIf="sortDescending === false && sortBy === 'statusid'"><i class="fa fa-sort-down fa-lg"></i></span>
-      </span>
-      </th>
-      <th class="sortable">
-        <div class="d-inline-block">
-          <div class="d-inline-block">
-            <span (click)="sortByPrio()">Priorität: </span>
-            <div ngbDropdown class="d-inline-block">
-                <span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
-                <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
+      <thead>
+        <tr>
+          <th (click)="sortById()" class="sortable">
+            <span>ID</span>
+            <span>
+              <span *ngIf="sortBy != 'id'"><i class="fa fa-sort fa-lg"></i></span>
+              <span *ngIf="sortDescending && sortBy === 'id'"><i class="fa fa-sort-up fa-lg"></i></span>
+              <span *ngIf="sortDescending === false && sortBy === 'id'"><i class="fa fa-sort-down fa-lg"></i></span>
+            </span>
+          </th>
+          <th (click)="sortByTitle()" class="sortable">
+            <span>Titel</span>
+            <span>
+              <span *ngIf="sortBy != 'title'"><i class="fa fa-sort fa-lg"></i></span>
+              <span *ngIf="sortDescending && sortBy === 'title'"><i class="fa fa-sort-up fa-lg"></i></span>
+              <span *ngIf="sortDescending === false && sortBy === 'title'"><i class="fa fa-sort-down fa-lg"></i></span>
+            </span>
+          </th>
+          <th (click)="sortByTasks()" class="sortable">
+            <span>Tasks</span>
+            <span>
+              <span *ngIf="sortBy != 'tasks'"><i class="fa fa-sort fa-lg"></i></span>
+              <span *ngIf="sortDescending && sortBy === 'tasks'"><i class="fa fa-sort-up fa-lg"></i></span>
+              <span *ngIf="sortDescending === false && sortBy === 'tasks'"><i class="fa fa-sort-down fa-lg"></i></span>
+            </span>
+          </th>
+          <th (click)="sortByStatus()" class="sortable">
+            <span>Status</span>
+            <span>
+              <span *ngIf="sortBy != 'statusid'"><i class="fa fa-sort fa-lg"></i></span>
+              <span *ngIf="sortDescending && sortBy === 'statusid'"><i class="fa fa-sort-up fa-lg"></i></span>
+              <span *ngIf="sortDescending === false && sortBy === 'statusid'"><i class="fa fa-sort-down fa-lg"></i></span>
+            </span>
+          </th>
+          <th class="sortable">
+            <div class="d-inline-block">
+              <div class="d-inline-block">
+                <span (click)="sortByPrio()">Priorität: </span>
+                <div ngbDropdown class="d-inline-block">
+                  <span id="dropdownBasic1" ngbDropdownToggle>{{filterPriority || "All"}}</span>
+                  <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
                     <option ngbDropdownItem (click)="filterPriority=null">All</option>
                     <option ngbDropdownItem *ngFor="let p of getAllPriorities()" (click)="filterPriority=p">{{p}}</option>
+                  </div>
                 </div>
+                <span (click)="sortByPrio()">
+                  <span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span>
+                  <span *ngIf="sortDescending && sortBy === 'priority'"><i class="fa fa-sort-up fa-lg"></i></span>
+                  <span *ngIf="sortDescending === false && sortBy === 'priority'"><i class="fa fa-sort-down fa-lg"></i></span>
+                </span>
+              </div>
             </div>
-            <span (click)="sortByPrio()">
-                    <span *ngIf="sortBy != 'priority'"><i class="fa fa-sort fa-lg"></i></span>
-                    <span *ngIf="sortDescending && sortBy === 'priority'"><i class="fa fa-sort-up fa-lg"></i></span>
-                    <span *ngIf="sortDescending === false && sortBy === 'priority'"><i class="fa fa-sort-down fa-lg"></i></span>
+          </th>
+          <th (click)="sortByCategory()" class="sortable">
+            <span>Category</span>
+            <span>
+              <span *ngIf="sortBy != 'categoryid'"><i class="fa fa-sort fa-lg"></i></span>
+              <span *ngIf="sortDescending && sortBy === 'categoryid'"><i class="fa fa-sort-up fa-lg"></i></span>
+              <span *ngIf="sortDescending === false && sortBy === 'categoryid'"><i class="fa fa-sort-down fa-lg"></i></span>
             </span>
-        </div>
-      </div>
-      </th>
-      <th (click)="sortByCategory()" class="sortable">
-        <span>Category</span>
-        <span>
-          <span *ngIf="sortBy != 'categoryid'"><i class="fa fa-sort fa-lg"></i></span>
-          <span *ngIf="sortDescending && sortBy === 'categoryid'"><i class="fa fa-sort-up fa-lg"></i></span>
-          <span *ngIf="sortDescending === false && sortBy === 'categoryid'"><i class="fa fa-sort-down fa-lg"></i></span>
-      </span>
-      </th>
-      <th></th>
-    </tr>
-    </thead>
+          </th>
+          <th></th>
+        </tr>
+      </thead>
 
-    <tbody>
-    <tr *ngFor="let userstory of filteredItems"  [class.table-info]="userstory.id === highlightId">
-      <td>{{userstory.id}}</td>
-      <td>{{userstory.title}}</td>
-      <td>
-        <a [routerLink]="['/tasks', {userstoryId: userstory.id}]">
-          {{getNumberOfTasks(userstory)}} Tasks
-        </a>
-      </td>
-      <td>
-        <a [routerLink]="['/status', {id: userstory.statusid}]">
-        {{getStatusTitleById(userstory.statusid)}}
-        </a>
-      </td>
-      <td>{{userstory.priority}}</td>
-      <td>
-        <a [routerLink]="['/categories', {id: userstory.categoryid}]">
-        {{getCategoryTitleById(userstory.categoryid)}}
-        </a>
-      </td>
-      <td>
-        <button type="button" rel="tooltip" (click)="openUserstoryForm(userstory)" class="btn btn-success btn-sm btn-icon">
-          <i class="fa fa-pencil-alt"></i>
-      </button>
-      <button type="button" rel="tooltip" (click)="deleteUserstory(userstory)" class="btn btn-danger btn-sm btn-icon">
-          <i class="fa fa-trash"></i>
-      </button>
-      </td>
-    </tr>
-    </tbody>
+      <tbody>
+        <tr *ngFor="let userstory of filteredItems" [class.table-info]="userstory.id === highlightId">
+          <td>{{userstory.id}}</td>
+          <td>{{userstory.title}}</td>
+          <td>
+            <a [routerLink]="['/tasks', {userstoryId: userstory.id}]">
+              {{getNumberOfTasks(userstory)}} Tasks
+            </a>
+          </td>
+          <td>
+            <a [routerLink]="['/status', {id: userstory.statusid}]">
+              {{getStatusTitleById(userstory.statusid)}}
+            </a>
+          </td>
+          <td>{{userstory.priority}}</td>
+          <td>
+            <a [routerLink]="['/categories', {id: userstory.categoryid}]">
+              {{getCategoryTitleById(userstory.categoryid)}}
+            </a>
+          </td>
+          <td>
+            <button type="button" rel="tooltip" (click)="openUserstoryForm(userstory)" class="btn btn-success btn-sm btn-icon">
+              <i class="fa fa-pencil-alt"></i>
+            </button>
+            <button type="button" rel="tooltip" (click)="deleteUserstory(userstory)" class="btn btn-danger btn-sm btn-icon">
+              <i class="fa fa-trash"></i>
+            </button>
+          </td>
+        </tr>
+      </tbody>
 
-  </table>
+    </table>
+  </div>
 </div>