build: fix up button spacing in toolbar

crisbeto · crisbeto · commit d947ab522c0d · 2024-02-01T18:27:59.000+01:00
Fixes the spacing between buttons in the dev app toolbar.
diff --git a/src/dev-app/theme-m3.scss b/src/dev-app/theme-m3.scss
@@ -228,6 +228,14 @@ html {
   }
 }
 
+.demo-toolbar {
+  margin-left: 8px;
+}
+
+.demo-config-buttons {
+  gap: 8px;
+}
+
 // Emit density styles for each scale.
 @each $scale in (maximum, 0, -1, -2, -3, -4, minimum) {
   $scale-theme: matx.define-theme(map.set($m3-base-config, density, scale, $scale));

Original file line number	Diff line number	Diff line change
`@@ -228,6 +228,14 @@ html {`
`228`	`228`	`}`
`229`	`229`	`}`
`230`	`230`
	`231`	`+.demo-toolbar {`
	`232`	`+ margin-left: 8px;`
	`233`	`+}`
	`234`	`+`
	`235`	`+.demo-config-buttons {`
	`236`	`+ gap: 8px;`
	`237`	`+}`
	`238`	`+`
`231`	`239`	`// Emit density styles for each scale.`
`232`	`240`	`@each $scale in (maximum, 0, -1, -2, -3, -4, minimum) {`
`233`	`241`	`$scale-theme: matx.define-theme(map.set($m3-base-config, density, scale, $scale));`