Update actor and pnj sheets for 0.8.x

system/styles/scss/dices.scss

@@ -517,4 +517,17 @@
     #context-menu {
         max-width: none;
     }
+    .symbols-help {
+        float: right;
+        font-style: italic;
+        color: #666;
+        font-size: 0.8rem;
+        line-height: 1rem;
+        margin-right: 1rem;
+        margin: 0.5rem 1rem 0;
+        i {
+            font-size: 1rem;
+            line-height: 1rem;
+        }
+    }
 }

system/styles/scss/sheets.scss

@@ -18,8 +18,10 @@
             height: calc(100% - 27rem);
         }
         fieldset {
-            &.advancement {
+            &.advancement,
-                display: block;
+            &.items-wrapper {
+                display: grid;
+                flex: calc(100% - 7rem);
             }
         }
         .advancements-tabs {
@@ -267,6 +269,31 @@
                     }
                 }
             }
+            .affinities {
+                padding-top: 0.25rem;
+                .ring {
+                    display: flex;
+                    flex-wrap: wrap;
+                    flex-direction: unset;
+                    flex: 3rem;
+                    height: 1.5rem;
+                    margin: 0;
+                }
+                i {
+                    flex: 1rem;
+                    margin: 0;
+                    text-align: center;
+                }
+                input {
+                    flex: 1.25rem;
+                    height: 1.25rem;
+                    margin: 0;
+                }
+                .attitude {
+                    height: 1.25rem;
+                    margin: 0;
+                }
+            }
         }
         .focus-content,
         .vigilance-content {
@@ -525,8 +552,8 @@
             }
         }
         .narrative-content,
-        .narrative-note {
+        .narrative-description {
-            flex: 0 0 calc(50% - 0.5rem);
+            flex: 0 0 calc(50% - 0.25rem);
             fieldset {
                 display: block;
                 label {

system/templates/actors/npc/social.html

@@ -18,15 +18,17 @@
         </label>
     </li>
     <li class="affinities">
-        {{!-- Strength & Weakness --}}
-        {{#each data.stances as |stance|}}
-            <i class="i_{{stance}}" title="{{localizeRing stance}}"></i>
-            <input class="centered-input select-on-focus" type="number" name="data.rings_affinities.{{stance}}" value="{{lookup ../data.data.rings_affinities stance}}" data-dtype="Number" min="-9" max="9" placeholder="0"/>
-        {{/each}}
         {{!-- Attitude --}}
         <label class="attitude">
             <input type="text" name="data.attitude" value="{{data.data.attitude}}" data-dtype="String" placeholder=""/>
             {{localize 'l5r5e.social.attitude'}}
         </label>
+        {{!-- Strength & Weakness --}}
+        {{#each data.stances as |stance|}}
+            <label class="ring">
+                <i class="i_{{stance}}" title="{{localizeRing stance}}"></i>
+                <input class="centered-input select-on-focus" type="number" name="data.rings_affinities.{{stance}}" value="{{lookup ../data.data.rings_affinities stance}}" data-dtype="Number" min="-9" max="9" placeholder="0"/>
+            </label>
+        {{/each}}
     </li>
 </ul>

system/templates/dice/roll-n-keep-dialog.html

@@ -102,13 +102,6 @@
             <button id="finalize" name="finalize" type="button" {{#if data.submitDisabled}}disabled{{/if}}>
                 {{ localize 'l5r5e.roll_n_keep.bt_validate' }} <i class="fas fa-arrow-circle-right"></i>
             </button>
-            {{!-- Symbols Helpers --}}
-            <div>
-                <i class="i_success"></i> {{localize 'l5r5e.chatdices.successes'}}
-                | <i class="i_explosive"></i> {{localize 'l5r5e.chatdices.explosives'}}
-                | <i class="i_opportunity"></i> {{localize 'l5r5e.chatdices.opportunities'}}
-                | <i class="i_strife"></i> {{localize 'l5r5e.chatdices.strife'}}
-            </div>
         {{else}}
             <table>
                 {{!-- Non editable DiceList history --}}
@@ -134,4 +127,11 @@
             </table>
         {{/if}}
     </section>
+    {{!-- Symbols Helpers --}}
+    <p class="symbols-help">
+        <i class="i_success"></i> {{localize 'l5r5e.chatdices.successes'}}
+        | <i class="i_explosive"></i> {{localize 'l5r5e.chatdices.explosives'}}
+        | <i class="i_opportunity"></i> {{localize 'l5r5e.chatdices.opportunities'}}
+        | <i class="i_strife"></i> {{localize 'l5r5e.chatdices.strife'}}
+    </p>
 </form>