From d052708191a15d9082c3c6c66b69f6ba90e3e688 Mon Sep 17 00:00:00 2001
From: Allard Oelen <oelen@l3s.de>
Date: Fri, 17 Apr 2020 13:23:51 +0200
Subject: [PATCH] Fix wrong alignment of unsaved Markdown slides

---
 .../ContentPanel/SlideModes/SlideEditPanel/MarkdownEditor.js    | 2 +-
 .../ContentPanel/SlideModes/SlideViewPanel/SlideContentView.js  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Deck/ContentPanel/SlideModes/SlideEditPanel/MarkdownEditor.js b/components/Deck/ContentPanel/SlideModes/SlideEditPanel/MarkdownEditor.js
index b6290cdb7..cfd6648fe 100644
--- a/components/Deck/ContentPanel/SlideModes/SlideEditPanel/MarkdownEditor.js
+++ b/components/Deck/ContentPanel/SlideModes/SlideEditPanel/MarkdownEditor.js
@@ -265,7 +265,7 @@ class MarkdownEditor extends React.Component {
                     </div>
                     <div className="column" style={{boxShadow: 'rgba(0, 0, 0, 0.25) 0px 0px 12px', padding:0, margin: '0 20px'}}>
                         <SlideContentView content={this.props.title === this.state.title ? this.state.htmlContent: this.props.content}
-                        speakernotes='' hideSpeakerNotes={true} theme={deckTheme} hideBorder={true}/>
+                        speakernotes='' hideSpeakerNotes={true} theme={deckTheme} hideBorder={true} markdownEditorView={true} />
                     </div>
                   </div>
                 </div>
diff --git a/components/Deck/ContentPanel/SlideModes/SlideViewPanel/SlideContentView.js b/components/Deck/ContentPanel/SlideModes/SlideViewPanel/SlideContentView.js
index 484587b27..57b5315ba 100644
--- a/components/Deck/ContentPanel/SlideModes/SlideViewPanel/SlideContentView.js
+++ b/components/Deck/ContentPanel/SlideModes/SlideViewPanel/SlideContentView.js
@@ -137,7 +137,7 @@ class SlideContentView extends React.Component {
             // for markdown slides, vertically align the content 
             const markdown = this.props.SlideEditStore.markdown;
             
-            if (markdown && markdown.length !== 0 && markdown.trim()) {
+            if (this.props.markdownEditorView || (markdown && markdown.length !== 0 && markdown.trim())) {
                 slideHTMLContent = '<div class="pptx2html" style="width: 960px; height:720px; position: relative; flex-direction: column; padding-left: 66px; flex-wrap: nowrap; align-items: stretch; display: flex; justify-content: center; line-height: 1.1">' + slideHTMLContent + '</div>';
             } else {
                 // for legacy slides without a pptx2html element