ENH: Modifier dialog

src/module/dialog/character-modifiers.js

@@ -8,7 +8,7 @@ export class OseCharacterModifiers extends FormApplication {
     options.id = 'sheet-modifiers';
     options.template =
       'systems/ose/templates/actors/dialogs/modifiers-dialog.html';
-    options.width = 380;
+    options.width = 220;
     return options;
   }
 

src/scss/character.scss

@@ -31,15 +31,20 @@
     .attributes-tab{
       justify-content: space-between;
       height: 100%;
+      .attribute-group {
+        position: relative;
+        .modifiers-btn {
+          position: absolute;
+          left: 0;
+          top: -5px;
+        }
+      }
     }
     .resources {
       margin: 20px;
       display: flex;
       justify-content: space-around;
       flex-direction: column;
-      .modifiers-btn {
-        width: 30px;
-      }
       .attribute {
         flex: 0 0 55px;
         &.attribute-secondaries {

src/templates/actors/partials/character-attributes-tab.html

@@ -1,6 +1,9 @@
 <section class="attributes-tab flexrow">
     {{!-- Scores --}}
     <div class="attribute-group">
+        <div class="modifiers-btn">
+            <a data-action="modifiers" title="{{localize 'OSE.Modifiers'}}"><i class="fas fa-book"></i></a>
+        </div>
         <ul class="attributes">
             <li class="attribute ability-score" data-score="str">
                 <h4 class="attribute-name box-title" title="{{ localize 'OSE.scores.str.long' }}">
@@ -65,9 +68,6 @@
     </div>
     {{!-- Resource Tracking --}}
     <div class="resources">
-        <div class="modifiers-btn">
-            <a data-action="modifiers" title="{{localize 'OSE.Modifiers'}}"><i class="fas fa-book"></i></a>
-        </div>
         <div class="flexrow">
             <div class="health">
                 <input class="health-value health-top" name="data.hp.value" type="text" value="{{data.hp.value}}"