[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

@@ -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;

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;
                 }

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;

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>