Fix inbox spacing (https://github.com/woocommerce/woocommerce-admin/pull/4632)

* Fix inbox spacing

* css tidy up

* Task list and stats margin

plugins/woocommerce-admin/client/analytics/report/style.scss

@@ -20,6 +20,7 @@
 	border-radius: 0;
 	border: 1px solid $core-grey-light-700;
 	box-shadow: none;
+	margin-bottom: $gap-large;
 
 	&:hover {
 		box-shadow: none;

plugins/woocommerce-admin/client/header/activity-panel/activity-header/style.scss

@@ -29,20 +29,11 @@
 }
 
 .woocommerce-layout__inbox-panel-header {
-	padding: 15px 43px 10px;
-	h3 {
-		margin: 5px 0;
-		font-weight: 500;
-	}
-	span {
-		margin-left: 7px;
-		background: #40464d;
-		border-radius: 0.8em;
-		color: $core-grey-light-200;
-		display: inline-block;
-		text-align: center;
-		width: 1.6em;
-		font-size: 14px;
-		vertical-align: top;
+	h2.woocommerce-layout__activity-panel-header-title,
+	h3.woocommerce-layout__activity-panel-header-title {
+		margin: 0 0 $gap-small / 2;
+		font-size: 20px;
+		line-height: 28px;
+		font-weight: 400;
 	}
 }

plugins/woocommerce-admin/client/header/activity-panel/panels/inbox/style.scss

@@ -6,7 +6,7 @@
 	background: $core-grey-light-200;
 	border-radius: 2px;
 	@include font-size( 13 );
-	margin: 20px;
+	margin: 0 0 $gap-large;
 	-ms-box-orient: horizontal;
 	&.banner {
 		-webkit-flex-direction: column;
@@ -186,7 +186,13 @@
 	}
 }
 
+#activity-panel-inbox {
+	margin: 0 $gap-large;
+}
+
 .woocommerce-layout__inbox-panel-header {
+	padding: $gap-large;
+
 	.woocommerce-homepage-column & {
 		padding: 0 24px;
 	}

plugins/woocommerce-admin/client/homescreen/style.scss

@@ -11,6 +11,7 @@
 
 	.woocommerce-task-dashboard__container {
 		width: 100%;
+		margin-bottom: $gap-large;
 	}
 
 	&.hasInbox .woocommerce-homescreen-column {
@@ -22,10 +23,6 @@
 			position: inherit;
 			top: auto;
 		}
-
-		& > * {
-			margin-bottom: 24px;
-		}
 	}
 
 	@include breakpoint( '<782px' ) {