Exp with img and cap have now it s own row

system/styles/scss/sheets.scss

@@ -475,17 +475,23 @@
         thead {
             th {
                 &:first-child {
+                    flex: 0 0 2rem;
+                }
+                &:nth-child(2) {
                     flex: calc(100% - 16rem);
                     padding-left: 0.5rem;
                     text-align: left;
                 }
-                &:nth-child(2),
-                &:nth-child(3) {
-                    flex: 0 0 5rem;
+                &:nth-child(3),
+                &:nth-child(4) {
+                    flex: 0 0 4rem;
                 }
             }
         }
         tbody {
+            .curriculum {
+                flex: 0 0 2rem;
+            }
             .name {
                 flex: calc(100% - 13rem);
                 padding-left: 0.5rem;
@@ -493,7 +499,7 @@
             }
             .xp,
             .rank {
-                flex: 0 0 5rem;
+                flex: 0 0 4rem;
             }
             .actions {
                 flex: 0 0 3rem;
@@ -509,6 +515,11 @@
                     }
                 }
             }
+            img {
+                width: 16px;
+                height: 16px;
+                border: none;
+            }
         }
     }
     &.actor,

system/template.json

@@ -148,7 +148,7 @@
             },
             "advancement": {
                 "in_curriculum": false,
-                "xp_used": 0,
+                "xp_used": 3,
                 "rank": 1,
                 "bought_at_rank": 1,
                 "ring": "void"

system/templates/actors/character/advancement.html

@@ -1,5 +1,6 @@
 <tr class="flexrow row advancement">
-    <td class="name" name="advancement.name">{{#if advancement.data.in_curriculum}}<i class="fas fa-graduation-cap"></i> {{/if}}{{ advancement.name }}</td>
+    <td class="curriculum" name="curriculum">{{#if advancement.data.in_curriculum}}<i class="fas fa-graduation-cap"></i> {{/if}}</td>
+    <td class="name" name="advancement.name"><img src="{{ advancement.img }}" title="{{ advancement.name }}"> {{ advancement.name }}</td>
     <td class="xp" name="advancement.xp">{{ advancement.data.xp_used }}</td>
     <td class="rank" name="advancement.rank">{{ advancement.data.rank }}</td>
     {{#if editable}}

system/templates/actors/character/experience.html

@@ -18,6 +18,7 @@
     <table>
         <thead class="flex">
             <tr class="flexrow row">
+                <th class="curriculum"></th>
                 <th class="name">{{ localize 'l5r5e.name' }}</th>
                 <th class="xp">{{ localize 'l5r5e.advancements.spent' }}</th>
                 <th class="rank">{{ localize 'l5r5e.rank' }}</th>