From 3239810a7fc0c060031f6e0a1b3e3b5382d61edf Mon Sep 17 00:00:00 2001
From: Ken Clary <kclary@edx.org>
Date: Mon, 5 Dec 2022 14:59:37 -0500
Subject: [PATCH] fix: editor container titles are the same height whether
 displaying or editing. TNL-10235.

---
 .../__snapshots__/index.test.jsx.snap         | 30 +++++++++++++++----
 .../containers/EditorContainer/index.jsx      |  6 +++-
 2 files changed, 29 insertions(+), 7 deletions(-)

diff --git a/src/editors/containers/EditorContainer/__snapshots__/index.test.jsx.snap b/src/editors/containers/EditorContainer/__snapshots__/index.test.jsx.snap
index dc5051f11..a913df483 100644
--- a/src/editors/containers/EditorContainer/__snapshots__/index.test.jsx.snap
+++ b/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"
       >
diff --git a/src/editors/containers/EditorContainer/index.jsx b/src/editors/containers/EditorContainer/index.jsx
index 8d8258cc1..2b6a65b69 100644
--- a/src/editors/containers/EditorContainer/index.jsx
+++ b/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}