Add separator between length and complexity

Automattic · Apr 28, 2021 · 208a2a9 · 208a2a9
1 parent ac7e545
commit 208a2a9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/assets/blocks/lesson-metadata/lesson-metadata-edit.js b/assets/blocks/lesson-metadata/lesson-metadata-edit.js
@@ -70,6 +70,10 @@ const LessonMetadataEdit = ( props ) => {
 					</span>
 				) }
 
+				{ !! length && complexity && (
+					<span className="separator">|</span>
+				) }
+
 				{ complexity && (
 					<span className="lesson-complexity">
 						{ __( 'Complexity', 'sensei-lms' ) +

diff --git a/assets/blocks/lesson-metadata/lesson-metadata-editor.scss b/assets/blocks/lesson-metadata/lesson-metadata-editor.scss
@@ -2,7 +2,7 @@
 	font-size: .9em;
 	font-style: italic;
 
-	.lesson-length {
-		margin-right: 0.5em;
+	.separator {
+		margin: 0 0.5em 0;
 	}
 }