From 2e4863e442b6ff92828b721694b1e4dba238a78d Mon Sep 17 00:00:00 2001
From: Niggl <info@nicolai-ort.com>
Date: Fri, 10 Jul 2020 19:02:46 +0200
Subject: [PATCH] Fixed Sorting symbols (most have been lost in a merge)

---
 .../userstory-inner-table.component.html      | 43 +++++++++++--------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/src/app/components/tabels/userstory-inner-table/userstory-inner-table.component.html b/src/app/components/tabels/userstory-inner-table/userstory-inner-table.component.html
index 9b4d907..633f714 100644
--- a/src/app/components/tabels/userstory-inner-table/userstory-inner-table.component.html
+++ b/src/app/components/tabels/userstory-inner-table/userstory-inner-table.component.html
@@ -6,31 +6,35 @@
     <tr>
     <th (click)="sortById()" class="sortable">
         <span>ID</span>
-        <span *ngIf="sortBy === 'id'" 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 != '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 *ngIf="sortBy === 'title'" 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 *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 *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">
@@ -51,10 +55,11 @@
     </th>
     <th (click)="sortByCategory()" class="sortable">
         <span>Category</span>
-        <span *ngIf="sortBy === 'categoryid'" 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 != '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>