From e4f87a96a4407825094f140e6f713908383ebb48 Mon Sep 17 00:00:00 2001
From: Csongor Czezar <csongor.czezar@gmail.com>
Date: Tue, 6 Jan 2026 16:36:05 -0800
Subject: [PATCH] fix: label aligned with button group

---
 .../vueNodes/widgets/components/WidgetToggleSwitch.vue   | 3 ++-
 .../widgets/components/layout/WidgetLayoutField.vue      | 9 +++++++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/renderer/extensions/vueNodes/widgets/components/WidgetToggleSwitch.vue b/src/renderer/extensions/vueNodes/widgets/components/WidgetToggleSwitch.vue
index 6816cb3535..58b9cc75be 100644
--- a/src/renderer/extensions/vueNodes/widgets/components/WidgetToggleSwitch.vue
+++ b/src/renderer/extensions/vueNodes/widgets/components/WidgetToggleSwitch.vue
@@ -88,6 +88,7 @@ const widgetWithStyle = computed(() => ({
   ...widget,
   borderStyle: hasLabels.value
     ? 'focus-within:ring-0 bg-transparent rounded-none focus-within:outline-none'
-    : undefined
+    : undefined,
+  labelStyle: hasLabels.value ? 'mb-[-0.5rem]' : undefined
 }))
 </script>
diff --git a/src/renderer/extensions/vueNodes/widgets/components/layout/WidgetLayoutField.vue b/src/renderer/extensions/vueNodes/widgets/components/layout/WidgetLayoutField.vue
index 696e37a45a..50dff3851c 100644
--- a/src/renderer/extensions/vueNodes/widgets/components/layout/WidgetLayoutField.vue
+++ b/src/renderer/extensions/vueNodes/widgets/components/layout/WidgetLayoutField.vue
@@ -8,7 +8,9 @@ defineProps<{
   widget: Pick<
     SimplifiedWidget<string | number | undefined>,
     'name' | 'label' | 'borderStyle'
-  >
+  > & {
+    labelStyle?: string
+  }
 }>()
 
 const hideLayoutField = inject<boolean>('hideLayoutField', false)
@@ -18,7 +20,10 @@ const hideLayoutField = inject<boolean>('hideLayoutField', false)
   <div
     class="grid grid-cols-subgrid min-w-0 justify-between gap-1 text-node-component-slot-text"
   >
-    <div v-if="!hideLayoutField" class="truncate content-center-safe">
+    <div
+      v-if="!hideLayoutField"
+      :class="cn('truncate content-center-safe', widget.labelStyle)"
+    >
       <template v-if="widget.name">
         {{ widget.label || widget.name }}
       </template>