From da8678df0e95ada37b28f5cc73f4796c7f3cac3b Mon Sep 17 00:00:00 2001
From: NMarrero <NicoMarrero@gmail.com>
Date: Mon, 8 Mar 2021 20:55:45 +0000
Subject: [PATCH] Fix gradients, move new tooltips to left, move adv points
 right

---
 Serenity/serenity.css  | 13 +++++--------
 Serenity/serenity.html |  8 ++++++--
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/Serenity/serenity.css b/Serenity/serenity.css
index f5a220918c..1044963530 100644
--- a/Serenity/serenity.css
+++ b/Serenity/serenity.css
@@ -71,6 +71,8 @@
 .sheet-serenity-charactersheet .sheet-serenity-float-group {
     max-width: 930px;
     margin: auto;
+    background: white !important;
+    page-break-inside: avoid;
 }
 
 .sheet-serenity-charactersheet .sheet-serenity-float-group:after {
@@ -80,12 +82,6 @@
     margin-bottom: 15px;
 }
 
-@media print {
-    .sheet-serenity-charactersheet .sheet-serenity-float-group {
-        page-break-inside: avoid;
-    }
-}
-
 .sheet-serenity-charactersheet .sheet-serenity-asset-specialization,
 .sheet-serenity-charactersheet .sheet-serenity-complication-specialization {
     display: inline-block;
@@ -213,13 +209,13 @@
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-stuns-taken {
     border-radius: 30px 0 0 0;
     background-color: #e8af20 !important;
-    background-image: linear-gradient(left, #e8af20, #c93f00) !important;
+    background-image: linear-gradient(to right, #e8af20, #c93f00) !important;
 }
 
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-wounds-taken {
     border-radius: 0 0 30px 0;
     background-color: #c93f00 !important;
-    background-image: linear-gradient(left, #c93f00, #e8af20) !important;
+    background-image: linear-gradient(to right, #c93f00, #e8af20) !important;
 }
 
 .sheet-serenity-charactersheet .sheet-character-life-points .sheet-serenity-shocks-taken {
@@ -1238,6 +1234,7 @@
 
 .sheet-serenity-charactersheet .sheet-serenity-advancement-points input {
     width: 100%;
+    text-align: right;
 }
 
 .sheet-serenity-charactersheet .sheet-serenity-plot-points {
diff --git a/Serenity/serenity.html b/Serenity/serenity.html
index 7df8d9a15f..a0dc2f949c 100644
--- a/Serenity/serenity.html
+++ b/Serenity/serenity.html
@@ -938,7 +938,9 @@
         <div class="sheet-serenity-fieldset sheet-serenity-plot-points">
           <span class="sheet-serenity-tooltip sheet-serenity-fieldset-title">
             Plot Points
-            <span class="sheet-serenity-tooltip-text">
+            <span
+              class="sheet-serenity-tooltip-text sheet-serenity-tooltip-text-left"
+            >
               Plot Points are a way for major characters in the game to add a
               little drama to the story. Plot Points can be used to improve the
               odds for important actions, prevent someone from getting killed or
@@ -1070,7 +1072,9 @@
         <div class="sheet-serenity-fieldset sheet-serenity-advancement-points">
           <span class="sheet-serenity-tooltip sheet-serenity-fieldset-title">
             Advancement Points
-            <span class="sheet-serenity-tooltip-text">
+            <span
+              class="sheet-serenity-tooltip-text sheet-serenity-tooltip-text-left"
+            >
               Advancement Points represent the accumulation of experience and
               are the building blocks for improvement.
               <table class="sheet-serenity-tooltip-table-center">