moved distinguishing features boxes to right spot

css/deltagreen.css

@@ -117,6 +117,11 @@
   justify-content: space-between;
 }
 
+.horizontal-flex-column{
+  display: flex; 
+  flex-direction: column;
+}
+
 /* Styles limited to delta green sheets */
 .deltagreen {
   font-family: "Didact Gothic", "Roboto", sans-serif;
@@ -129,8 +134,8 @@
 .deltagreen .sheet-header {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 300px;
-  flex: 0 0 300px;
-  overflow: hidden;
+  flex: 0 0 auto;
+  overflow: scroll;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;

templates/actor/actor-sheet.html

@@ -53,17 +53,17 @@
           {{!-- The grid classes are defined in scss/global/_grid.scss. To use,
           use both the "grid" and "grid-Ncol" class where "N" can be any number
           from 1 to 12 and will create that number of columns.  --}}
-          <div class="statistics grid grid-3col">
+          <div class="grid grid-3col">
             {{#each data.statistics as |statistic key|}}
-              <div class="statistic flexrow flex-group-center" style="flex-direction: column; clear:both;">
-                <div class="grid">
-                  <div class="flexrow">
+              <div class="flex-group-center">
+                <div class="horizontal-flex-column">
+                  <div class="flexrow" style="padding: 5px;">
                     <label class="rollable" data-roll="d100" data-target="statistic.x5" data-label="{{key}}" title="Click to roll a x5 check." for="data.statistics.{{key}}.value" class="resource-label">{{toUpperCase key}}</label>
                     <input type="text" name="data.statistics.{{key}}.value" value="{{statistic.value}}" data-dtype="Number"/>
-                    <span class="statistic-mod">({{numberFormat statistic.x5 decimals=0 sign=false}}%)</span>
+                    <span >({{numberFormat statistic.x5 decimals=0 sign=false}}%)</span>
                   </div>
-                  <div class="flexrow">
-                    <input type="text" name="data.statistics.{{key}}.distinguishing_feature" value="{{statistic.distinguishing_feature}}" data-dtype="Text"/>
+                  <div >
+                    <input type="text" name="data.statistics.{{key}}.distinguishing_feature" value="{{statistic.distinguishing_feature}}" data-dtype="Text" />
                   </div>
                 </div>
               </div>