fix traits styling for scrollbar

5eShaped/precompiled/5eShaped.scss

@@ -1814,17 +1814,30 @@ textarea {
 }
 
 .sheet-background-text,
-.sheet-traits-text {
+.sheet-trait {
   display: block;
-  line-height: 1.1;
   overflow-x: hidden;
   overflow-y: auto;
 }
 .sheet-background-text {
+  line-height: 1.1;
   max-height: 4.2em;
 }
-.sheet-traits-text {
-  max-height: 5.35em;
+.sheet-trait {
+  max-height: 5.5em;
+  span {
+    line-height: 1.1;
+  }
+}
+
+.sheet-slide-input-pc {
+  &:checked ~ div {
+    .sheet-trait {
+      span {
+        line-height: 1.15;
+      }
+    }
+  }
 }
 
 

5eShaped/precompiled/components/traits/traits.html

@@ -18,10 +18,10 @@
           <div class="edit small-label center" data-i18n="USES"></div>
         </div>
       </div>
-      <button type="roll" name="roll_trait" class="presentation trait wrapper-button traits-presentation-wrapper" value="@{output_option} &{template:5e-shaped} {{character_name=@{character_name}}} @{show_character_name} {{title=@{name}}} {{trait=1}} {{recharge=@{recharge}}} @{saving_throw_toggle} @{damage_toggle} @{second_damage_toggle} {{uses=@{uses}}} {{uses_max=@{uses|max}}} @{heal_toggle} @{hide_gm_info} @{extras_toggle}">
+      <button type="roll" name="roll_trait" class="presentation trait wrapper-button" value="@{output_option} &{template:5e-shaped} {{character_name=@{character_name}}} @{show_character_name} {{title=@{name}}} {{trait=1}} {{recharge=@{recharge}}} @{saving_throw_toggle} @{damage_toggle} @{second_damage_toggle} {{uses=@{uses}}} {{uses_max=@{uses|max}}} @{heal_toggle} @{hide_gm_info} @{extras_toggle}">
         <span class="heading"></span>
         <span name="attr_name" class="bold italic"></span><span name="attr_recharge_display" class="bold italic"></span><span class="bold italic">.</span>
-        <span name="attr_display_text" class="pre-line traits-text"></span>
+        <span name="attr_display_text" class="pre-line"></span>
       </button>
 
       <div class="shaped-row edit">