From 376dba91bbb314faeb7da51b6c3c8186d6a52d25 Mon Sep 17 00:00:00 2001
From: WBHarry <williambjrklund@gmail.com>
Date: Tue, 24 Jun 2025 15:59:12 +0200
Subject: [PATCH] Added nowrap on level label

---
 styles/daggerheart.css                   |   3 +
 styles/less/actors/character/header.less | 310 ++++++++++++-----------
 2 files changed, 160 insertions(+), 153 deletions(-)

diff --git a/styles/daggerheart.css b/styles/daggerheart.css
index 36b86f20..d4b084bd 100755
--- a/styles/daggerheart.css
+++ b/styles/daggerheart.css
@@ -3469,6 +3469,9 @@ div.daggerheart.views.multiclass {
 .application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row input[type='text']:hover {
   outline: 2px solid light-dark(#222, #f3c267);
 }
+.application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .name-row .level-div {
+  white-space: nowrap;
+}
 .application.sheet.daggerheart.actor.dh-style.character .character-header-sheet .character-details {
   display: flex;
   justify-content: space-between;
diff --git a/styles/less/actors/character/header.less b/styles/less/actors/character/header.less
index 3eb6182b..7d7403e5 100644
--- a/styles/less/actors/character/header.less
+++ b/styles/less/actors/character/header.less
@@ -1,153 +1,157 @@
-@import '../../utils/colors.less';
-@import '../../utils/fonts.less';
-
-.application.sheet.daggerheart.actor.dh-style.character {
-    .character-header-sheet {
-        padding: 0 15px;
-        padding-top: 36px;
-        width: 100%;
-
-        .name-row {
-            display: flex;
-            gap: 20px;
-            align-items: baseline;
-            justify-content: space-between;
-            padding: 0;
-            padding-top: 5px;
-
-            input[type='text'] {
-                font-size: 32px;
-                height: 42px;
-                width: 380px;
-                text-align: start;
-                border: 1px solid transparent;
-                outline: 2px solid transparent;
-                transition: all 0.3s ease;
-
-                &:hover {
-                    outline: 2px solid light-dark(@dark, @golden);
-                }
-            }
-        }
-
-        .character-details {
-            display: flex;
-            justify-content: space-between;
-            padding: 5px 0;
-            margin-bottom: 10px;
-            font-size: 12px;
-            color: light-dark(@dark-blue, @golden);
-
-            span {
-                padding: 3px;
-                border-radius: 3px;
-                transition: all 0.3s ease;
-                cursor: pointer;
-
-                &:hover {
-                    background: light-dark(@dark-blue-40, @golden-40);
-                }
-
-                &.dot {
-                    background: transparent;
-                    cursor: default;
-                }
-            }
-        }
-
-        .character-row {
-            display: flex;
-            gap: 20px;
-            align-items: center;
-            justify-content: space-between;
-            padding: 0;
-            margin-bottom: 15px;
-
-            .hope-section,
-            .threshold-section {
-                position: relative;
-                display: flex;
-                gap: 10px;
-                background-color: light-dark(transparent, @dark-blue);
-                color: light-dark(@dark-blue, @golden);
-                padding: 5px 10px;
-                border: 1px solid light-dark(@dark-blue, @golden);
-                border-radius: 6px;
-                align-items: center;
-                width: fit-content;
-                height: 30px;
-
-                h4 {
-                    font-size: 14px;
-                    font-weight: bold;
-                    text-transform: uppercase;
-                    color: light-dark(@dark-blue, @golden);
-
-                    &.threshold-value {
-                        color: light-dark(@dark, @beige);
-                    }
-                }
-
-                .threshold-legend {
-                    position: absolute;
-                    bottom: -21px;
-                    color: light-dark(@golden, @dark-blue);
-                    background-color: light-dark(@dark-blue, @golden);
-                    padding: 3px;
-                    justify-self: anchor-center;
-                    border-radius: 0 0 3px 3px;
-                    text-transform: capitalize;
-                }
-
-                .hope-value {
-                    display: flex;
-                    cursor: pointer;
-                }
-            }
-        }
-
-        .character-traits {
-            display: flex;
-            justify-content: space-between;
-            padding: 0;
-            margin-bottom: 15px;
-
-            .trait {
-                height: 60px;
-                width: 60px;
-                background: url(../assets/svg/trait-shield.svg) no-repeat;
-
-                cursor: pointer;
-
-                .theme-light & {
-                    background: url('../assets/svg/trait-shield-light.svg') no-repeat;
-                }
-
-                .trait-name {
-                    display: flex;
-                    align-items: center;
-                    padding-top: 5px;
-                    color: light-dark(@dark-blue, @golden);
-                    font-size: 14px;
-                    font-weight: 600;
-                    align-items: center;
-                    justify-content: center;
-                    gap: 3px;
-
-                    i {
-                        line-height: 17px;
-                        font-size: 10px;
-                    }
-                }
-
-                .trait-value {
-                    font-family: @font-body;
-                    font-style: normal;
-                    font-weight: 400;
-                    font-size: 20px;
-                    text-align: center;
-                }
-            }
-        }
-    }
-}
+@import '../../utils/colors.less';
+@import '../../utils/fonts.less';
+
+.application.sheet.daggerheart.actor.dh-style.character {
+    .character-header-sheet {
+        padding: 0 15px;
+        padding-top: 36px;
+        width: 100%;
+
+        .name-row {
+            display: flex;
+            gap: 20px;
+            align-items: baseline;
+            justify-content: space-between;
+            padding: 0;
+            padding-top: 5px;
+
+            input[type='text'] {
+                font-size: 32px;
+                height: 42px;
+                width: 380px;
+                text-align: start;
+                border: 1px solid transparent;
+                outline: 2px solid transparent;
+                transition: all 0.3s ease;
+
+                &:hover {
+                    outline: 2px solid light-dark(@dark, @golden);
+                }
+            }
+
+            .level-div {
+                white-space: nowrap;
+            }
+        }
+
+        .character-details {
+            display: flex;
+            justify-content: space-between;
+            padding: 5px 0;
+            margin-bottom: 10px;
+            font-size: 12px;
+            color: light-dark(@dark-blue, @golden);
+
+            span {
+                padding: 3px;
+                border-radius: 3px;
+                transition: all 0.3s ease;
+                cursor: pointer;
+
+                &:hover {
+                    background: light-dark(@dark-blue-40, @golden-40);
+                }
+
+                &.dot {
+                    background: transparent;
+                    cursor: default;
+                }
+            }
+        }
+
+        .character-row {
+            display: flex;
+            gap: 20px;
+            align-items: center;
+            justify-content: space-between;
+            padding: 0;
+            margin-bottom: 15px;
+
+            .hope-section,
+            .threshold-section {
+                position: relative;
+                display: flex;
+                gap: 10px;
+                background-color: light-dark(transparent, @dark-blue);
+                color: light-dark(@dark-blue, @golden);
+                padding: 5px 10px;
+                border: 1px solid light-dark(@dark-blue, @golden);
+                border-radius: 6px;
+                align-items: center;
+                width: fit-content;
+                height: 30px;
+
+                h4 {
+                    font-size: 14px;
+                    font-weight: bold;
+                    text-transform: uppercase;
+                    color: light-dark(@dark-blue, @golden);
+
+                    &.threshold-value {
+                        color: light-dark(@dark, @beige);
+                    }
+                }
+
+                .threshold-legend {
+                    position: absolute;
+                    bottom: -21px;
+                    color: light-dark(@golden, @dark-blue);
+                    background-color: light-dark(@dark-blue, @golden);
+                    padding: 3px;
+                    justify-self: anchor-center;
+                    border-radius: 0 0 3px 3px;
+                    text-transform: capitalize;
+                }
+
+                .hope-value {
+                    display: flex;
+                    cursor: pointer;
+                }
+            }
+        }
+
+        .character-traits {
+            display: flex;
+            justify-content: space-between;
+            padding: 0;
+            margin-bottom: 15px;
+
+            .trait {
+                height: 60px;
+                width: 60px;
+                background: url(../assets/svg/trait-shield.svg) no-repeat;
+
+                cursor: pointer;
+
+                .theme-light & {
+                    background: url('../assets/svg/trait-shield-light.svg') no-repeat;
+                }
+
+                .trait-name {
+                    display: flex;
+                    align-items: center;
+                    padding-top: 5px;
+                    color: light-dark(@dark-blue, @golden);
+                    font-size: 14px;
+                    font-weight: 600;
+                    align-items: center;
+                    justify-content: center;
+                    gap: 3px;
+
+                    i {
+                        line-height: 17px;
+                        font-size: 10px;
+                    }
+                }
+
+                .trait-value {
+                    font-family: @font-body;
+                    font-style: normal;
+                    font-weight: 400;
+                    font-size: 20px;
+                    text-align: center;
+                }
+            }
+        }
+    }
+}