From 13d91f7804e3cffd34583fa05ccf34ce45ec91c8 Mon Sep 17 00:00:00 2001
From: Niggl <info@nicolai-ort.com>
Date: Tue, 30 Jun 2020 14:11:48 +0200
Subject: [PATCH] Userstory Table now with fancy sort

---
 .../userstory-table.component.html             | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/app/userstory-table/userstory-table.component.html b/src/app/userstory-table/userstory-table.component.html
index f8b15b2..5c063d4 100644
--- a/src/app/userstory-table/userstory-table.component.html
+++ b/src/app/userstory-table/userstory-table.component.html
@@ -26,17 +26,19 @@
       </th>
       <th (click)="sortByTasks()" class="sortable">
         <span>Tasks</span>
-        <span *ngIf="sortBy === 'tasks'" class="pl-3">
-          <span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span>
-          <span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span>
-        </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 *ngIf="sortBy === 'statusid'" class="pl-3">
-          <span *ngIf="sortDescending"><i class="fa fa-sort-up"></i></span>
-          <span *ngIf="sortDescending === false"><i class="fa fa-sort-down"></i></span>
-        </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">