resize footer section for besquare in responsive mode (#2705)

fiona-deriv · fiona-deriv · web-flow · commit d7bd9dd42e32 · 2022-03-04T12:24:51.000+08:00
Co-authored-by: fiona-deriv &lt;fiona@deriv.com&gt;
diff --git a/src/components/layout/besquare/style/footer.js b/src/components/layout/besquare/style/footer.js
@@ -14,7 +14,7 @@ export const Section = styled(SectionContainer)`
     padding: 0;
 `
 export const FooterSection = styled(Section)`
-    margin-bottom: ${(props) => props.is_eu_country && '7.3rem'};
+    margin-bottom: ${(props) => props.is_eu_country && '12.3rem'};
 `
 
 export const ContentContainer = styled(Container)`

Original file line number	Diff line number	Diff line change
@@ -14,7 +14,7 @@ export const Section = styled(SectionContainer)`
`14`	`14`	`padding: 0;`
`15`	`15`	`
`16`	`16`	export const FooterSection = styled(Section)`
`17`		`- margin-bottom: ${(props) => props.is_eu_country && '7.3rem'};`
	`17`	`+ margin-bottom: ${(props) => props.is_eu_country && '12.3rem'};`
`18`	`18`	`
`19`	`19`
`20`	`20`	export const ContentContainer = styled(Container)`