PageHeader: Use fluid space scale

Turbo87 · Turbo87 · commit 361efba6c375 · 2022-10-21T23:00:56.000+02:00
diff --git a/app/components/page-header.module.css b/app/components/page-header.module.css
@@ -1,7 +1,7 @@
 .header {
-    padding: 20px 25px;
+    padding: var(--space-s) var(--space-m);
     background-color: var(--main-bg-dark);
-    margin-bottom: 20px;
+    margin-bottom: var(--space-s);
     border-radius: 5px;
 }
 
@@ -13,9 +13,9 @@
 
 .suffix {
     color: var(--main-color-light);
-    padding-left: 10px;
+    padding-left: var(--space-2xs);
 }
 
 .loading-spinner {
-    margin: 0 15px;
+    margin: 0 var(--space-2xs);
 }

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`.header {`
`2`		`- padding: 20px 25px;`
	`2`	`+ padding: var(--space-s) var(--space-m);`
`3`	`3`	`background-color: var(--main-bg-dark);`
`4`		`- margin-bottom: 20px;`
	`4`	`+ margin-bottom: var(--space-s);`
`5`	`5`	`border-radius: 5px;`
`6`	`6`	`}`
`7`	`7`
`@@ -13,9 +13,9 @@`
`13`	`13`
`14`	`14`	`.suffix {`
`15`	`15`	`color: var(--main-color-light);`
`16`		`- padding-left: 10px;`
	`16`	`+ padding-left: var(--space-2xs);`
`17`	`17`	`}`
`18`	`18`
`19`	`19`	`.loading-spinner {`
`20`		`- margin: 0 15px;`
	`20`	`+ margin: 0 var(--space-2xs);`
`21`	`21`	`}`