Modify header styling

WordPress · Aug 2, 2018 · 6e29b99 · 6e29b99
1 parent 90152c2
commit 6e29b99
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/edit-post/components/keyboard-shortcut-help-modal/index.js b/edit-post/components/keyboard-shortcut-help-modal/index.js
@@ -70,6 +70,12 @@ const ShortcutSection = ( { title, shortcuts } ) => (
 );
 
 export function KeyboardShortcutHelpModal( { isModalActive, toggleModal } ) {
+	const title = (
+		<span className="editor-keyboard-shortcut-help__title">
+			{ __( 'Keyboard Shortcuts' ) }
+		</span>
+	);
+
 	return (
 		<Fragment>
 			<KeyboardShortcuts
@@ -81,7 +87,7 @@ export function KeyboardShortcutHelpModal( { isModalActive, toggleModal } ) {
 			{ isModalActive && (
 				<Modal
 					className="editor-keyboard-shortcut-help"
-					title={ __( 'Keyboard Shortcuts' ) }
+					title={ title }
 					closeLabel={ __( 'Close' ) }
 					onRequestClose={ toggleModal }
 				>

diff --git a/edit-post/components/keyboard-shortcut-help-modal/style.scss b/edit-post/components/keyboard-shortcut-help-modal/style.scss
@@ -1,10 +1,17 @@
 .editor-keyboard-shortcut-help {
+	&__title {
+		font-size: 1rem;
+		font-weight: bold;
+	}
+
 	&__section {
 		margin: 0 0 2rem 0;
 	}
 
+
 	&__section-title {
-		font-size: inherit;
+		font-size: 0.9rem;
+		font-weight: bold;
 	}
 
 	&__shortcut {