From e1a3471ed108eab7de204f76edcb59c77033c32d Mon Sep 17 00:00:00 2001
From: galister <22305755+galister@users.noreply.github.com>
Date: Wed, 17 Dec 2025 16:13:32 +0900
Subject: [PATCH] improve watch overlay layou

---
 wgui/src/i18n.rs                       | 7 +++++++
 wlx-overlay-s/src/assets/gui/watch.xml | 2 +-
 wlx-overlay-s/src/overlays/watch.rs    | 9 +++++++--
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/wgui/src/i18n.rs b/wgui/src/i18n.rs
index 5b5d432..8369b18 100644
--- a/wgui/src/i18n.rs
+++ b/wgui/src/i18n.rs
@@ -26,6 +26,13 @@ impl Translation {
 		}
 	}
 
+	pub fn from_raw_text_rc(text: Rc<str>) -> Self {
+		Self {
+			text,
+			translated: false,
+		}
+	}
+
 	pub fn from_raw_text(text: &str) -> Self {
 		Self {
 			text: Rc::from(text),
diff --git a/wlx-overlay-s/src/assets/gui/watch.xml b/wlx-overlay-s/src/assets/gui/watch.xml
index ef7bf32..2e6bd45 100644
--- a/wlx-overlay-s/src/assets/gui/watch.xml
+++ b/wlx-overlay-s/src/assets/gui/watch.xml
@@ -119,7 +119,7 @@
             <label translation="WATCH.EDIT_MODE_EXPLANATION" align="center" />
           </div>
           <div flex_direction="column" align_items="center" justify_content="center">
-            <div id="toolbox" gap="8" width="100%" flex_direction="column" flex_wrap="wrap">
+            <div id="toolbox" gap="8" width="100%" max_width="400" flex_direction="row" flex_wrap="wrap">
               <Button height="40" macro="button_style" tooltip="WATCH.TOGGLE_FOR_CURRENT_SET" _press="::OverlayToggle kbd">
                 <sprite src_builtin="watch/keyboard.svg" width="32" height="32" />
                 <label translation="EDIT_MODE.KEYBOARD" size="18" />
diff --git a/wlx-overlay-s/src/overlays/watch.rs b/wlx-overlay-s/src/overlays/watch.rs
index 5597097..655ec7a 100644
--- a/wlx-overlay-s/src/overlays/watch.rs
+++ b/wlx-overlay-s/src/overlays/watch.rs
@@ -341,13 +341,14 @@ pub fn create_watch(app: &mut AppState) -> anyhow::Result<OverlayWindowConfig> {
                 panel.state.overlay_metas = metas;
                 for (idx, btn) in panel.state.overlay_buttons.iter().enumerate() {
                     let display = if let Some(meta) = panel.state.overlay_metas.get(idx) {
+                        let name = sanitize_overlay_name(&meta.name);
                         if let Some(mut label) =
                             panel.layout.state.widgets.get_as::<WidgetLabel>(btn.label)
                         {
-                            label.set_text(&mut com, Translation::from_raw_text(&meta.name));
+                            label.set_text(&mut com, Translation::from_raw_text_rc(name));
                         } else {
                             btn.button
-                                .set_text(&mut com, Translation::from_raw_text(&meta.name));
+                                .set_text(&mut com, Translation::from_raw_text_rc(name));
                         }
 
                         if let Some(mut sprite) = panel
@@ -433,3 +434,7 @@ pub fn watch_fade<D>(app: &mut AppState, watch: &mut OverlayWindowData<D>) {
     state.alpha += 0.1;
     state.alpha = state.alpha.clamp(0., 1.);
 }
+
+fn sanitize_overlay_name(str: &str) -> Rc<str> {
+    str.replace("-wvr", "").into()
+}