From b2cd8197d4e8fc933bface579b0835327991ed95 Mon Sep 17 00:00:00 2001
From: Tamius Han <tamius.han@gmail.com>
Date: Sun, 12 Jan 2025 23:25:39 +0100
Subject: [PATCH] Updated labels of in-player UI

---
 src/csui/src/PlayerUiPanels/PlayerUiSettings.vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/csui/src/PlayerUiPanels/PlayerUiSettings.vue b/src/csui/src/PlayerUiPanels/PlayerUiSettings.vue
index 4cd4d1d..f38902c 100644
--- a/src/csui/src/PlayerUiPanels/PlayerUiSettings.vue
+++ b/src/csui/src/PlayerUiPanels/PlayerUiSettings.vue
@@ -63,7 +63,7 @@
 
           <div class="field">
             <div class="label">
-              Do not show in-player UI when video player is narrower than (% of screen width)
+              Do not show in-player UI when video player is narrower than
             </div>
             <div class="input range-input">
               <input
@@ -77,16 +77,18 @@
                 @change="(event) => saveSettings()"
               >
               <input
+                style="margin-right: 0.6rem;"
                 :value="ghettoComputed.minEnabledWidth"
                 @input="(event) => setPlayerRestrictions('minEnabledWidth', event.target.value, true)"
                 @change="(event) => saveSettings(true)"
               >
+              <div class="unit">% of screen</div>
             </div>
           </div>
 
           <div class="field">
             <div class="label">
-              Do not show in-player UI when video player is shorter than (% of screen width)
+              Do not show in-player UI when video player is shorter than
             </div>
             <div class="input range-input">
               <input
@@ -100,10 +102,12 @@
                 @change="(event) => saveSettings()"
               >
               <input
+                style="margin-right: 0.6rem;"
                 :value="ghettoComputed.minEnabledHeight"
                 @input="(event) => setPlayerRestrictions('minEnabledHeight', event.target.value, true)"
                 @change="(event) => saveSettings(true)"
               >
+              <div class="unit">% of screen</div>
             </div>
           </div>
         </div>
@@ -242,8 +246,6 @@ export default {
   max-width: 24rem;
 }
 
-
-
 .trigger-zone-editor {
   background-color: rgba(0,0,0,0.25);