fix(dees-label): align label content and icon consistently using inline flex layout

changelog.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2026-04-12 - 3.73.1 - fix(dees-label)
+align label content and icon consistently using inline flex layout
+
+- change the label container from inline-block to inline-flex with centered alignment
+- remove icon-specific vertical transform in favor of layout-based alignment
+
 ## 2026-04-12 - 3.73.0 - feat(dees-label)
 expand dees-label demo coverage and update supporting dependencies
 

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '3.73.0',
+  version: '3.73.1',
   description: 'A comprehensive library that provides dynamic web components for building sophisticated and modern web applications using JavaScript and TypeScript.'
 }

ts_web/elements/00group-layout/dees-label/dees-label.ts

@@ -50,7 +50,8 @@ export class DeesLabel extends DeesElement {
       }
 
       .label {
-        display: inline-block;
+        display: inline-flex;
+        align-items: center;
         color: ${cssManager.bdTheme('hsl(0 0% 15%)', 'hsl(0 0% 90%)')};
         font-size: 14px;
         font-weight: 500;
@@ -67,9 +68,7 @@ export class DeesLabel extends DeesElement {
       }
 
       dees-icon {
-        display: inline-block;
         font-size: 12px;
-        transform: translateY(1px);
         margin-left: 4px;
         color: ${cssManager.bdTheme('hsl(0 0% 45.1%)', 'hsl(0 0% 63.9%)')};
         cursor: help;