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

[Thomas Lamprecht <t.lamprecht@proxmox.com>]

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);
-- 
2.47.3