Re: [PATCH yew-widget-toolkit-assets 2/3] material: reduce default spacing to 8px

[Dietmar Maurer <dietmar@proxmox.com>]

applied this one  (see ongoing discussion on patch 1 and 3)

On 10/22/26 7:43 PM, Thomas Lamprecht wrote:
> Material Design aligns components to an 8dp grid, with a 4dp grid for
> finer elements such as icons and type. A 10px spacer put the spacer
> steps at 10, 20, 30 and 40px, off that grid; with 8px they are 8, 16,
> 24 and 32px.
>
> The 10px default also left a lot of room between controls, on desktops
> as well as on phones, and 8px fits more content at the same font size.
> Anyone who wants more room can choose Relaxed, and on touch screens
> the controls keep a fingertip-sized target.
>
> Signed-off-by: Thomas Lamprecht <t.lamprecht@proxmox.com>
> ---
>   scss/material/_theme_config_material.scss | 7 +++----
>   1 file changed, 3 insertions(+), 4 deletions(-)
>
> diff --git a/scss/material/_theme_config_material.scss b/scss/material/_theme_config_material.scss
> index 7e7c040..2eeecb8 100644
> --- a/scss/material/_theme_config_material.scss
> +++ b/scss/material/_theme_config_material.scss
> @@ -1,11 +1,10 @@
>   /// ### The "Material" Theme
>   ///
> -/// This theme is intended for use on mobile/touch devices and uses a very
> -/// large `10px` spacer. It is broadly similar to material design as
> -/// described in <https://m3.material.io/>.
> +/// This theme uses an `8px` default spacer, with relaxed spacing and coarse-pointer control sizing
> +/// available. It is broadly similar to Material Design as described in <https://m3.material.io/>.
>   ///
>   
> -$spacer: 10px;
> +$spacer: 8px;
>   
>   $button-corner-shape: map-get($shape-corner, full);
>   $fab-corner-shape: map-get($shape-corner, large);