From 422f28c93c518027739afc897b108ddde41f78f8 Mon Sep 17 00:00:00 2001
From: WBHarry <89362246+WBHarry@users.noreply.github.com>
Date: Tue, 15 Jul 2025 14:07:07 +0200
Subject: [PATCH] Removed all instances of justify-items and replaced with flex
 solution (#343)

---
 styles/less/sheets/actors/adversary/sidebar.less  | 4 +++-
 styles/less/sheets/actors/character/sidebar.less  | 4 +++-
 styles/less/sheets/actors/companion/header.less   | 1 -
 styles/less/sheets/actors/environment/header.less | 4 +++-
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/styles/less/sheets/actors/adversary/sidebar.less b/styles/less/sheets/actors/adversary/sidebar.less
index c1bd1856..f8a34874 100644
--- a/styles/less/sheets/actors/adversary/sidebar.less
+++ b/styles/less/sheets/actors/adversary/sidebar.less
@@ -215,7 +215,9 @@
                 justify-content: center;
 
                 .status-number {
-                    justify-items: center;
+                    display: flex;
+                    align-items: center;
+                    flex-direction: column;
 
                     .status-value {
                         position: relative;
diff --git a/styles/less/sheets/actors/character/sidebar.less b/styles/less/sheets/actors/character/sidebar.less
index e8662f86..2c88d14f 100644
--- a/styles/less/sheets/actors/character/sidebar.less
+++ b/styles/less/sheets/actors/character/sidebar.less
@@ -276,7 +276,9 @@
             }
 
             .status-number {
-                justify-items: center;
+                display: flex;
+                align-items: center;
+                flex-direction: column;
 
                 &.armor-slots {
                     width: 95px;
diff --git a/styles/less/sheets/actors/companion/header.less b/styles/less/sheets/actors/companion/header.less
index 832a6050..b343146f 100644
--- a/styles/less/sheets/actors/companion/header.less
+++ b/styles/less/sheets/actors/companion/header.less
@@ -92,7 +92,6 @@
                 position: relative;
                 width: 100px;
                 height: 40px;
-                justify-items: center;
 
                 .status-label {
                     position: relative;
diff --git a/styles/less/sheets/actors/environment/header.less b/styles/less/sheets/actors/environment/header.less
index e3ca0eec..1276b276 100644
--- a/styles/less/sheets/actors/environment/header.less
+++ b/styles/less/sheets/actors/environment/header.less
@@ -60,7 +60,9 @@
             }
 
             .status-number {
-                justify-items: center;
+                display: flex;
+                align-items: center;
+                flex-direction: column;
 
                 .status-value {
                     position: relative;