From db69a8f53775c9cc9bda983448c932d43bf3f50a Mon Sep 17 00:00:00 2001
From: Johannes Loher <johannes.loher@fg4f.de>
Date: Tue, 20 Apr 2021 22:38:00 +0200
Subject: [PATCH] Add styling for checks

---
 src/lang/de.json                                | 3 ++-
 src/lang/en.json                                | 3 ++-
 src/module/actor/sheets/actor-sheet.ts          | 2 +-
 src/scss/components/_actor_sheet.scss           | 2 +-
 src/scss/components/_check.scss                 | 6 ++++++
 src/scss/components/_checks.scss                | 5 +++--
 src/templates/sheets/actor/components/check.hbs | 5 +++--
 7 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/lang/de.json b/src/lang/de.json
index 8e1a9d3..7df85c7 100644
--- a/src/lang/de.json
+++ b/src/lang/de.json
@@ -268,5 +268,6 @@
     "DS4.ChecksSwim": "Schwimmen",
     "DS4.ChecksWakeUp": "Erwachen",
     "DS4.ChecksWorkMechanism": "Mechanismus Öffnen",
-    "DS4.ActorCheckFlavor": "{actor} würfelt eine {check} Probe."
+    "DS4.ActorCheckFlavor": "{actor} würfelt eine {check} Probe.",
+    "DS4.CheckTooltip": "{check} Probe würfeln"
 }
diff --git a/src/lang/en.json b/src/lang/en.json
index 68b2dc4..e19f88e 100644
--- a/src/lang/en.json
+++ b/src/lang/en.json
@@ -268,5 +268,6 @@
     "DS4.ChecksSwim": "Swim",
     "DS4.ChecksWakeUp": "Wake Up",
     "DS4.ChecksWorkMechanism": "Work Mechanism",
-    "DS4.ActorCheckFlavor": "{actor} rolls a {check} check."
+    "DS4.ActorCheckFlavor": "{actor} rolls a {check} check.",
+    "DS4.CheckTooltip": "Roll a {check} check"
 }
diff --git a/src/module/actor/sheets/actor-sheet.ts b/src/module/actor/sheets/actor-sheet.ts
index bbdd8ff..0882e26 100644
--- a/src/module/actor/sheets/actor-sheet.ts
+++ b/src/module/actor/sheets/actor-sheet.ts
@@ -18,7 +18,7 @@ export class DS4ActorSheet extends ActorSheet<ActorSheet.Data<DS4Actor>> {
         return mergeObject(superDefaultOptions, {
             ...superDefaultOptions,
             classes: ["ds4", "sheet", "actor"],
-            height: 600,
+            height: 615,
             scrollY: [
                 ".values",
                 ".inventory",
diff --git a/src/scss/components/_actor_sheet.scss b/src/scss/components/_actor_sheet.scss
index 55fbf56..c888ab3 100644
--- a/src/scss/components/_actor_sheet.scss
+++ b/src/scss/components/_actor_sheet.scss
@@ -1,4 +1,4 @@
 .ds4.sheet.actor {
     min-width: 650px;
-    min-height: 500px;
+    min-height: 610px;
 }
diff --git a/src/scss/components/_check.scss b/src/scss/components/_check.scss
index 373ab1f..e441499 100644
--- a/src/scss/components/_check.scss
+++ b/src/scss/components/_check.scss
@@ -1,3 +1,9 @@
 .ds4-check {
     cursor: pointer;
+    display: flex;
+    justify-content: space-between;
+
+    &:hover {
+        text-shadow: 0 0 10px red;
+    }
 }
diff --git a/src/scss/components/_checks.scss b/src/scss/components/_checks.scss
index 5f88d0b..33676ca 100644
--- a/src/scss/components/_checks.scss
+++ b/src/scss/components/_checks.scss
@@ -1,6 +1,7 @@
 .ds4-checks {
     display: grid;
-    column-gap: 0.5em;
-    grid-template-columns: repeat(auto-fit, minmax(10em, 1fr));
+    column-gap: 2em;
+    grid-template-columns: repeat(auto-fit, minmax(11em, 1fr));
+    row-gap: 0.25em;
     white-space: nowrap;
 }
diff --git a/src/templates/sheets/actor/components/check.hbs b/src/templates/sheets/actor/components/check.hbs
index 731d5d5..2d912ca 100644
--- a/src/templates/sheets/actor/components/check.hbs
+++ b/src/templates/sheets/actor/components/check.hbs
@@ -6,6 +6,7 @@
 !-- @param check-label: The label for the check
 --}}
 
-<div class="ds4-check rollable-check" data-check="{{check-key}}">
-    {{check-label}}: {{check-target-number}}
+<div class="ds4-check rollable-check" data-check="{{check-key}}" title="{{localize 'DS4.CheckTooltip' check=check-label}}">
+    <span>{{check-label}}</span>
+    <span>{{check-target-number}}</span>
 </div>