Merge pull request #130 from BadIdeaFactory/louh/person-modal-ui-fix

louh · web-flow · commit d685ffc4f9dd · 2024-12-03T12:11:43.000-05:00
fix(PersonModal): margin style for certain breakpoints
diff --git a/lib/ui/templates/ofPeople/PersonModal.js b/lib/ui/templates/ofPeople/PersonModal.js
@@ -49,11 +49,11 @@ const PersonQuote = styled.div`
   ${setSpace("mvm")};
 `;
 const PersonSocial = styled.div`
-  & > *:not(:first-child) {
-    ${setSpace("mlm")};
+  & > * {
+    ${setSpace("mvx")};
   }
   & > *:not(:last-child) {
-    ${setSpace("mrm")};
+    ${setSpace("mrl")};
   }
 `;
 

Original file line number	Diff line number	Diff line change
@@ -49,11 +49,11 @@ const PersonQuote = styled.div`
`49`	`49`	`${setSpace("mvm")};`
`50`	`50`	`;
`51`	`51`	const PersonSocial = styled.div`
`52`		`- & > *:not(:first-child) {`
`53`		`- ${setSpace("mlm")};`
	`52`	`+ & > * {`
	`53`	`+ ${setSpace("mvx")};`
`54`	`54`	`}`
`55`	`55`	`& > *:not(:last-child) {`
`56`		`- ${setSpace("mrm")};`
	`56`	`+ ${setSpace("mrl")};`
`57`	`57`	`}`
`58`	`58`	`;
`59`	`59`