From f184db1f9392e9f98bb75d118707df0b42bcc843 Mon Sep 17 00:00:00 2001
From: WBHarry <89362246+WBHarry@users.noreply.github.com>
Date: Wed, 24 Dec 2025 00:52:57 +0100
Subject: [PATCH] [Fix] Sheet Sidebar Experience Layout (#1462)

* Fixed the layout

* Added small line-height to the experience name

* Centered
---
 styles/less/sheets/actors/adversary/sidebar.less | 4 ++++
 styles/less/sheets/actors/character/sidebar.less | 7 +++++++
 styles/less/sheets/actors/companion/details.less | 4 ++++
 templates/sheets/actors/character/sidebar.hbs    | 2 +-
 4 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/styles/less/sheets/actors/adversary/sidebar.less b/styles/less/sheets/actors/adversary/sidebar.less
index f8537525..4e7535c1 100644
--- a/styles/less/sheets/actors/adversary/sidebar.less
+++ b/styles/less/sheets/actors/adversary/sidebar.less
@@ -344,15 +344,19 @@
 
                     .experience-name {
                         width: 180px;
+                        display: flex;
+                        align-items: center;
                         text-align: start;
                         font-size: var(--font-size-14);
                         color: light-dark(@dark, @beige);
+                        line-height: 1;
                     }
                 }
 
                 .experience-value {
                     height: 25px;
                     width: 35px;
+                    min-width: 35px;
                     font-size: var(--font-size-14);
                     color: light-dark(@dark, @beige);
                     align-content: center;
diff --git a/styles/less/sheets/actors/character/sidebar.less b/styles/less/sheets/actors/character/sidebar.less
index e66cba82..04baf2b9 100644
--- a/styles/less/sheets/actors/character/sidebar.less
+++ b/styles/less/sheets/actors/character/sidebar.less
@@ -592,6 +592,7 @@
                 .experience-value {
                     height: 25px;
                     width: 35px;
+                    min-width: 35px;
                     font-size: var(--font-size-14);
                     color: light-dark(@dark, @beige);
                     align-content: center;
@@ -599,6 +600,12 @@
                     margin-right: 5px;
                 }
 
+                .experience-name {
+                    display: flex;
+                    align-items: center;
+                    line-height: 1;
+                }
+
                 .controls {
                     margin-left: auto;
                 }
diff --git a/styles/less/sheets/actors/companion/details.less b/styles/less/sheets/actors/companion/details.less
index cbdc25e6..2e43cac4 100644
--- a/styles/less/sheets/actors/companion/details.less
+++ b/styles/less/sheets/actors/companion/details.less
@@ -57,6 +57,9 @@
 
             .experience-name {
                 width: 180px;
+                display: flex;
+                align-items: center;
+                line-height: 1;
                 text-align: start;
                 font-size: var(--font-size-14);
                 color: light-dark(@dark, @beige);
@@ -66,6 +69,7 @@
         .experience-value {
             height: 25px;
             width: 35px;
+            min-width: 35px;
             font-size: var(--font-size-14);
             color: light-dark(@dark, @beige);
             align-content: center;
diff --git a/templates/sheets/actors/character/sidebar.hbs b/templates/sheets/actors/character/sidebar.hbs
index 7f470b0a..0db2bf42 100644
--- a/templates/sheets/actors/character/sidebar.hbs
+++ b/templates/sheets/actors/character/sidebar.hbs
@@ -147,7 +147,7 @@
                         <span class="experience-value">
                             +{{experience.value}}
                         </span>
-                        <span>{{experience.name}}</span>
+                        <span class="experience-name">{{experience.name}}</span>
                         <div class="controls">
                             <a data-action="sendExpToChat" data-type="experience" data-id="{{id}}">
                                 <i class="fa-regular fa-message"></i>