Merge pull request #158 from openedx/kenclary/TNL-10235

fix: editor container titles are the same height whether displaying or editing. TNL-10235.

src/editors/containers/EditorContainer/__snapshots__/index.test.jsx.snap

@@ -4,9 +4,18 @@ exports[`EditorContainer component render snapshot: initialized. enable save and
 <div>
   <ModalDialog.Header>
     <ModalDialog.Title>
-      <injectIntl(ShimmedIntlComponent)
-        isInitialized={true}
-      />
+      <div
+        style={
+          Object {
+            "height": "44px",
+            "margin": "auto",
+          }
+        }
+      >
+        <injectIntl(ShimmedIntlComponent)
+          isInitialized={true}
+        />
+      </div>
       <div
         className="pgn__modal-close-container"
       >
@@ -53,9 +62,18 @@ exports[`EditorContainer component render snapshot: not initialized. disable sav
 <div>
   <ModalDialog.Header>
     <ModalDialog.Title>
-      <injectIntl(ShimmedIntlComponent)
-        isInitialized={false}
-      />
+      <div
+        style={
+          Object {
+            "height": "44px",
+            "margin": "auto",
+          }
+        }
+      >
+        <injectIntl(ShimmedIntlComponent)
+          isInitialized={false}
+        />
+      </div>
       <div
         className="pgn__modal-close-container"
       >

src/editors/containers/EditorContainer/index.jsx

@@ -22,7 +22,11 @@ export const EditorContainer = ({
     <div>
       <ModalDialog.Header>
         <ModalDialog.Title>
-          <TitleHeader isInitialized={isInitialized} />
+          <div
+            style={{ height: '44px', margin: 'auto' }}
+          >
+            <TitleHeader isInitialized={isInitialized} />
+          </div>
           <div className="pgn__modal-close-container">
             <IconButton
               src={Close}