Fix top margins on cards (#117)

ebeneliason · web-flow · commit 34de30eeb160 · 2021-12-17T15:28:35.000-05:00
diff --git a/src/components/Card.module.css b/src/components/Card.module.css
@@ -38,7 +38,7 @@
 }
 
 .card .title {
-  margin-top: 1em;
+  margin-top: 0;
   margin-bottom: 0.75rem;
 }
 
@@ -53,11 +53,11 @@
   display: inline;
 }
 
-.card *:first-child {
+.card > div:first-child > *:first-child {
   margin-top: 0;
 }
 
-.card *:last-child {
+.card > div:last-child > *:last-child {
   margin-bottom: 0;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@`
`38`	`38`	`}`
`39`	`39`
`40`	`40`	`.card .title {`
`41`		`- margin-top: 1em;`
	`41`	`+ margin-top: 0;`
`42`	`42`	`margin-bottom: 0.75rem;`
`43`	`43`	`}`
`44`	`44`
`@@ -53,11 +53,11 @@`
`53`	`53`	`display: inline;`
`54`	`54`	`}`
`55`	`55`
`56`		`-.card *:first-child {`
	`56`	`+.card > div:first-child > *:first-child {`
`57`	`57`	`margin-top: 0;`
`58`	`58`	`}`
`59`	`59`
`60`		`-.card *:last-child {`
	`60`	`+.card > div:last-child > *:last-child {`
`61`	`61`	`margin-bottom: 0;`
`62`	`62`	`}`
`63`	`63`