Small adjusts for menu components

Author: lazaronixon

CHANGELOG.md

@@ -1,4 +1,5 @@
 ## [Unreleased]
+- Small adjusts for menu components
 
 ## 1.1.3 - 2025-02-17
 - Remove --btn-text-align from .btn

lib/generators/css_zero/add/templates/app/assets/stylesheets/button.css

@@ -18,7 +18,7 @@
   justify-content: var(--btn-justify-content, center);
   padding: var(--btn-padding, .375rem 1rem);
   position: relative;
-  text-align: center;
+  text-align: var(--btn-text-align, center);
   white-space: nowrap;
 
   img:not([class]) {

lib/generators/css_zero/add/templates/app/assets/stylesheets/command.css

@@ -51,6 +51,7 @@
   --btn-justify-content: start;
   --btn-outline-size: 0;
   --btn-padding: var(--size-1_5) var(--size-2);
+  --btn-text-align: start;
 
   &[aria-selected=true] {
     --btn-background: var(--color-secondary);

lib/generators/css_zero/add/templates/app/assets/stylesheets/menu.css

@@ -6,7 +6,7 @@
 }
 
 .menu__header {
-  font-size: var(--text-xs);
+  font-size: var(--text-sm);
   font-weight: var(--font-semibold);
   padding: var(--size-1_5) var(--size-2);
 }
@@ -29,6 +29,7 @@
   --btn-justify-content: start;
   --btn-outline-size: 0;
   --btn-padding: var(--size-1_5) var(--size-2);
+  --btn-text-align: start;
 
   &:focus-visible {
     --btn-background: var(--color-secondary);

lib/generators/css_zero/add/templates/app/assets/stylesheets/sidebar_menu.css

@@ -15,6 +15,7 @@
   --btn-outline-size: 0;
   --btn-inline-size: var(--size-full);
   --btn-padding: var(--size-1) var(--size-2);
+  --btn-text-align: start;
 
   &:focus-visible {
     --btn-background: var(--color-secondary);