Merge pull request #1007 from Automattic/fix/issue-1002

Professional Business: Make sure the first block has margin-top: 0

professional-business/sass/blocks/_blocks.scss

@@ -86,6 +86,13 @@
 	}
 }
 
+/*
+ * Make sure the first block has margin-top: 0
+ */
+.entry:not(.has-post-thumbnail) .entry-content > :first-child {
+	margin-top: 0;
+}
+
 /*
  * Unset nested content selector styles
  * - Prevents layout styles from cascading too deeply

professional-business/sass/site/primary/_posts-and-pages.scss

@@ -35,7 +35,7 @@
 		position: relative;
 
 		@include media(tablet) {
-			margin: calc(3 * #{ $size__spacing-unit}) auto $size__spacing-unit;
+			margin: calc(3 * #{ $size__spacing-unit}) auto $size__vertical-spacing-unit;
 			@include postContentMaxWidth();
 		}
 
@@ -47,6 +47,7 @@
 	.entry-title {
 
 		margin: 0;
+		margin-bottom: $size__vertical-spacing-unit;
 
 		a {
 			color: inherit;

professional-business/style-rtl.css

@@ -2366,7 +2366,7 @@ body.page .main-navigation {
 
 @media only screen and (min-width: 768px) {
   .entry .entry-header {
-    margin: calc(3 * 1rem) auto 1rem;
+    margin: calc(3 * 1rem) auto 32px;
   }
 }
 
@@ -2390,6 +2390,7 @@ body.page .main-navigation {
 
 .entry .entry-title {
   margin: 0;
+  margin-bottom: 32px;
 }
 
 .entry .entry-title a {
@@ -3485,6 +3486,13 @@ body.page .main-navigation {
   }
 }
 
+/*
+ * Make sure the first block has margin-top: 0
+ */
+.entry:not(.has-post-thumbnail) .entry-content > :first-child {
+  margin-top: 0;
+}
+
 /*
  * Unset nested content selector styles
  * - Prevents layout styles from cascading too deeply

professional-business/style.css

@@ -2372,7 +2372,7 @@ body.page .main-navigation {
 
 @media only screen and (min-width: 768px) {
   .entry .entry-header {
-    margin: calc(3 * 1rem) auto 1rem;
+    margin: calc(3 * 1rem) auto 32px;
   }
 }
 
@@ -2396,6 +2396,7 @@ body.page .main-navigation {
 
 .entry .entry-title {
   margin: 0;
+  margin-bottom: 32px;
 }
 
 .entry .entry-title a {
@@ -3497,6 +3498,13 @@ body.page .main-navigation {
   }
 }
 
+/*
+ * Make sure the first block has margin-top: 0
+ */
+.entry:not(.has-post-thumbnail) .entry-content > :first-child {
+  margin-top: 0;
+}
+
 /*
  * Unset nested content selector styles
  * - Prevents layout styles from cascading too deeply