fix css issue with buttons

mysurvive · Mar 15, 2024 · b572088 · b572088
1 parent 9d151f2
commit b572088
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/module/so-inspired.js b/src/module/so-inspired.js
@@ -76,7 +76,7 @@ function renderNewInspoSheet(_sheet, html) {
       counterArea = $(html).find(".card .stats").children().last();
       newInspirationArea = `<div class="meter-group"><div class="label roboto-condensed-upper"><span>Inspiration</span></div><div class="meter hit-dice progress" role="meter" aria-valuemin="0" aria-valuenow="${currentInspiration}" aria-valuemax="${maxInspiration}" style="--bar-percentage: ${
         (currentInspiration / maxInspiration) * 100
-      }%"><div class="label"><span class="value">${currentInspiration}</span><span class="separator">/</span><span class="max">${maxInspiration}</span></div><div class="inspo-buttons"><button type="button" class="add-inspiration-btn"><i class="fa-solid fa-plus" style="color: #000000;"></i></button><button type="button" class="remove-inspiration-btn"><i class="fa-solid fa-minus" style="color: #000000;"></i></button></div></div></div>`;
+      }%"><div class="label"><span class="value">${currentInspiration}</span><span class="separator"> / </span><span class="max">${maxInspiration}</span></div><div class="inspo-buttons"><button type="button" class="add-inspiration-btn"><i class="fa-solid fa-plus" style="color: #000000;"></i></button><button type="button" class="remove-inspiration-btn"><i class="fa-solid fa-minus" style="color: #000000;"></i></button></div></div></div>`;
       counterArea.after(newInspirationArea);
     } else {
       counterArea = $(html).find(".counters");

diff --git a/src/styles/so-inspired.scss b/src/styles/so-inspired.scss
@@ -19,6 +19,7 @@
 }
 
 .dnd5e2.sheet.actor {
+  justify-content: space-between;
   .inspo-buttons {
     display: flex;
     position: relative;