Add margins to headings and add target _blank for resource URLs

Author: ravichdev

plugin/assets/css/src/settings/base.css

@@ -46,6 +46,10 @@
 		margin-top: 0;
 	}
 
+	& h2 {
+		margin-top: 32px;
+	}
+
 	& p {
 		font-size: 16px;
 		margin: 0;

plugin/assets/src/settings/components/integrations/index.js

@@ -50,11 +50,11 @@ const Integrations = () => {
 							'Integrate %s and %s to get the most out of the Material Theme.',
 							'material-design'
 						),
-						`<a href="https://fonts.google.com/">${ __(
+						`<a href="https://fonts.google.com/" target="_blank" rel="noopener noreferrer">${ __(
 							'Google Fonts',
 							'material-design'
 						) }</a>`,
-						`<a href="https://material.io/resources/icons/?style=baseline">${ __(
+						`<a href="https://material.io/resources/icons/?style=baseline" target="_blank" rel="noopener noreferrer">${ __(
 							'Material icons',
 							'material-design'
 						) }</a>`