team: Use fluid space scale

Turbo87 · Turbo87 · commit fdbbfc872aed · 2022-10-23T16:04:56.000+02:00
diff --git a/app/styles/team.module.css b/app/styles/team.module.css
@@ -8,13 +8,13 @@
     }
 
     h2 {
-        margin-top: 10px;
+        margin-top: var(--space-2xs);
         color: var(--main-color-light);
     }
 }
 
 .avatar {
-    margin-right: 20px;
+    margin-right: var(--space-m);
 }
 
 .header-row {
@@ -23,7 +23,7 @@
 }
 
 .github-link {
-    margin-left: 16px;
+    margin-left: var(--space-s);
 
     &, &:hover {
         color: var(--main-color);
@@ -39,13 +39,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
`@@ -8,13 +8,13 @@`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`h2 {`
`11`		`- margin-top: 10px;`
	`11`	`+ margin-top: var(--space-2xs);`
`12`	`12`	`color: var(--main-color-light);`
`13`	`13`	`}`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`.avatar {`
`17`		`- margin-right: 20px;`
	`17`	`+ margin-right: var(--space-m);`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`.header-row {`
`@@ -23,7 +23,7 @@`
`23`	`23`	`}`
`24`	`24`
`25`	`25`	`.github-link {`
`26`		`- margin-left: 16px;`
	`26`	`+ margin-left: var(--space-s);`
`27`	`27`
`28`	`28`	`&, &:hover {`
`29`	`29`	`color: var(--main-color);`
`@@ -39,13 +39,13 @@`
`39`	`39`	`display: flex;`
`40`	`40`	`align-items: center;`
`41`	`41`	`justify-content: space-between;`
`42`		`- margin-bottom: 25px;`
	`42`	`+ margin-bottom: var(--space-s);`
`43`	`43`	`}`
`44`	`44`
`45`	`45`	`.sort-by-label {`
`46`	`46`	`composes: small from './shared/typography.module.css';`
`47`	`47`	`}`
`48`	`48`
`49`	`49`	`.list {`
`50`		`- margin-bottom: 20px;`
	`50`	`+ margin-bottom: var(--space-s);`
`51`	`51`	`}`