user: Use fluid space scale

Turbo87 · Turbo87 · commit a68ecbf4c1e4 · 2022-10-23T16:04:56.000+02:00
diff --git a/app/styles/user.module.css b/app/styles/user.module.css
@@ -1,10 +1,7 @@
 .header {
     display: flex;
     align-items: center;
-
-    h1 {
-        padding: 0 10px;
-    }
+    gap: var(--space-xs);
 }
 
 .github-link {
@@ -22,13 +19,13 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    margin-bottom: 25px;
+    margin-bottom: var(--space-s);
 }
 
 .sort-by-label {
     composes: small from './shared/typography.module.css';
 }
 
 .list {
-    margin-bottom: 20px;
+    margin-bottom: var(--space-s);
 }

Original file line number	Diff line number	Diff line change
`@@ -1,10 +1,7 @@`
`1`	`1`	`.header {`
`2`	`2`	`display: flex;`
`3`	`3`	`align-items: center;`
`4`		`-`
`5`		`- h1 {`
`6`		`- padding: 0 10px;`
`7`		`- }`
	`4`	`+ gap: var(--space-xs);`
`8`	`5`	`}`
`9`	`6`
`10`	`7`	`.github-link {`
`@@ -22,13 +19,13 @@`
`22`	`19`	`display: flex;`
`23`	`20`	`align-items: center;`
`24`	`21`	`justify-content: space-between;`
`25`		`- margin-bottom: 25px;`
	`22`	`+ margin-bottom: var(--space-s);`
`26`	`23`	`}`
`27`	`24`
`28`	`25`	`.sort-by-label {`
`29`	`26`	`composes: small from './shared/typography.module.css';`
`30`	`27`	`}`
`31`	`28`
`32`	`29`	`.list {`
`33`		`- margin-bottom: 20px;`
	`30`	`+ margin-bottom: var(--space-s);`
`34`	`31`	`}`