Block Directory: Use semantic element for block heading (#22713)

WordPress · May 29, 2020 · a5cfd79 · a5cfd79
1 parent f979b09
commit a5cfd79
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 13 deletions.
diff --git a/packages/block-directory/src/components/downloadable-block-header/index.js b/packages/block-directory/src/components/downloadable-block-header/index.js
@@ -37,12 +37,9 @@ export function DownloadableBlockHeader( {
 			) }
 
 			<div className="block-directory-downloadable-block-header__column">
-				<span
-					role="heading"
-					className="block-directory-downloadable-block-header__title"
-				>
+				<h2 className="block-directory-downloadable-block-header__title">
 					{ title }
-				</span>
+				</h2>
 				<BlockRatings rating={ rating } ratingCount={ ratingCount } />
 			</div>
 			<Button

diff --git a/packages/block-directory/src/components/downloadable-block-header/style.scss b/packages/block-directory/src/components/downloadable-block-header/style.scss
@@ -18,13 +18,12 @@
 		display: flex;
 		flex-direction: column;
 		flex-grow: 1;
-
-		.block-directory-downloadable-block-header__title {
-			font-weight: 600;
-			margin-left: 12px;
-		}
-		.block-directory-block-ratings {
-			margin-left: 12px;
-		}
+		padding-left: $grid-unit-15;
 	}
 }
+
+.block-directory-downloadable-block-header__title {
+	margin: 0;
+	font-size: $default-font-size;
+	color: currentColor;
+}