diff --git a/src/main/webapp/app/entities/army/army-detail-desktop.component.html b/src/main/webapp/app/entities/army/army-detail-desktop.component.html
index a0239731..370550b3 100644
--- a/src/main/webapp/app/entities/army/army-detail-desktop.component.html
+++ b/src/main/webapp/app/entities/army/army-detail-desktop.component.html
@@ -61,21 +61,33 @@
 
     <div class="crusade-cards" style="padding-top: 10px">
         <div class="row">
-            <div class="col-md-6" style="border: 1px solid black;">CRUSADE CARDS</div>
-            <div class="col-md-2"  style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">POWER RATING</div>
-            <div class="col-md-2"  style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">CRUSADE POINTS</div>
+            <div class="col-md-3" style="border: 1px solid black;">CRUSADE CARDS</div>
+            <div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">RANK</div>
+            <div class="col-md-1"  style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">POWER RATING</div>
+            <div class="col-md-2"  style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">BATTLE HONOURS</div>
+            <div class="col-md-2"  style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">BATTLE SCARS</div>
+            <div class="col-md-1"  style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">CRUSADE POINTS</div>
             <div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f;">ADD TO FORCE</div>
         </div>
     <div *ngFor="let unit of army.units; let rowIndex=index">
         <div class="row">
-            <div class="col-md-3" style="border: 1px solid black;">Unit {{rowIndex + 1}}:</div>
-            <div class="col-md-3" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">
+            <div class="col-md-3" style="border: 1px solid black;">
+                Unit {{rowIndex + 1}}:
                 <a [routerLink]="['/unit-army', unit.id, 'view']"> {{ unit.unitName }}</a>
             </div>
-            <div class="col-md-2" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">
+            <div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">
+                {{ unit.rank }}
+            </div>
+            <div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">
                 {{ unit.unitPowerLevel }}
             </div>
-            <div class="col-md-2" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">{{unit.crusadePointsUnit}}</div>
+            <div class="col-md-2" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">
+                {{ unit.battleHonours}}
+            </div>
+            <div class="col-md-2" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">
+                {{ unit.battleScars}}
+            </div>
+            <div class="col-md-1" style="border: 1px solid black; background: whitesmoke; color: #0f0f0f">{{unit.crusadePointsUnit}}</div>
                 <button type="add" class="btn btn-success"
                         (click)="addForceUnit(unit)"
                 >Add</button>