From f30801ab6621da94497a951b847c2d6bc2088ce1 Mon Sep 17 00:00:00 2001
From: whjvenyl <whjvenyl@users.noreply.github.com>
Date: Tue, 12 Aug 2025 17:38:06 +0200
Subject: [PATCH] Do not crush labels with nested tags (#1274)

* Adjust label styles for button and checkbox components to not crush space of nested tags

* Adjust label styles for button and checkbox components to not crush space of nested tags

* Update packages/webawesome/src/components/checkbox/checkbox.css

---------

Co-authored-by: Tobias Bannwart <tobias.bannwart@bison-group.com>
Co-authored-by: Cory LaViska <cory@abeautifulsite.net>
---
 packages/webawesome/src/components/button/button.css     | 4 ++++
 packages/webawesome/src/components/checkbox/checkbox.css | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/packages/webawesome/src/components/button/button.css b/packages/webawesome/src/components/button/button.css
index 582d4446c..68aa78c1a 100644
--- a/packages/webawesome/src/components/button/button.css
+++ b/packages/webawesome/src/components/button/button.css
@@ -184,6 +184,10 @@
 }
 
 .label {
+  display: inline-block;
+}
+
+.is-icon-button .label {
   display: flex;
 }
 
diff --git a/packages/webawesome/src/components/checkbox/checkbox.css b/packages/webawesome/src/components/checkbox/checkbox.css
index 3b928d9b2..ae45abbd6 100644
--- a/packages/webawesome/src/components/checkbox/checkbox.css
+++ b/packages/webawesome/src/components/checkbox/checkbox.css
@@ -46,6 +46,10 @@
   cursor: pointer;
 }
 
+[part~='label'] {
+  display: inline;
+}
+
 /* Checked */
 [part~='control']:has(:checked, :indeterminate) {
   color: var(--checked-icon-color);