From e7cea729353abddfce3e380f484da96c76455562 Mon Sep 17 00:00:00 2001
From: Matthew Harrison-Jones <matthojo@gmail.com>
Date: Mon, 15 Jul 2013 16:52:48 +0100
Subject: [PATCH] Fixes wrong positioning of notifications.

---
 core/client/assets/sass/layouts/editor.scss | 11 +++++-
 core/server/views/editor.hbs                | 41 +++++++++++----------
 2 files changed, 30 insertions(+), 22 deletions(-)

diff --git a/core/client/assets/sass/layouts/editor.scss b/core/client/assets/sass/layouts/editor.scss
index f7c719eee2..add389507b 100644
--- a/core/client/assets/sass/layouts/editor.scss
+++ b/core/client/assets/sass/layouts/editor.scss
@@ -44,6 +44,13 @@
 
 	}
 
+    .entry-container {
+        position: relative;
+        height: -webkit-calc(100% - 70px);
+        height: -moz-calc(100% - 70px);
+        height: calc(100% - 70px);
+    }
+
 	// The two content panel wrappers, positioned left/right
 	.entry-markdown { left:0; border-right:$lightbrown 2px solid; }
 	.entry-preview { right:0; border-left:$lightbrown 2px solid; }
@@ -55,7 +62,7 @@
 		padding: 15px;
 		position: absolute;
 		bottom:40px; // height of the publish bar
-		top:69px; // height of the post title + margin
+		top:0px; // height of the post title + margin
 		background: #fff;
 		box-shadow: $shadow;
 
@@ -65,7 +72,7 @@
 
 		// Convert all content areas to small boxes
 		@include breakpoint($netbook) {
-			top:109px;
+			top:40px;
 			left:0;
 			right:0;
 			width:100%;
diff --git a/core/server/views/editor.hbs b/core/server/views/editor.hbs
index b48450d4f2..7dc547000f 100644
--- a/core/server/views/editor.hbs
+++ b/core/server/views/editor.hbs
@@ -8,27 +8,28 @@
     </section>
 </header>
 
-<section class="entry-markdown active">
-    <header class="floatingheader">
-        {{e "editor.headers.markdown.label" "Markdown"}}
-        <a class="markdown-help" href="#"><span class="hidden">What is Markdown?</span></a>
-    </header>
-    <section class="entry-markdown-content">
-        <textarea id="entry-markdown"></textarea>
-    </section>
-</section>{{!.entry-markdown}}
-
-<section class="entry-preview">
-    <header class="floatingheader">
-        Preview <span class="entry-word-count js-entry-word-count">0 words</span>
-    </header>
-    <section class="entry-preview-content">
-        <div class="rendered-markdown">
-            {{!The content gets inserted in here, bitches!}}
-        </div>
-    </section>
-</section>{{!.entry-preview}}
+<section class="entry-container">
+    <section class="entry-markdown active">
+        <header class="floatingheader">
+            {{e "editor.headers.markdown.label" "Markdown"}}
+            <a class="markdown-help" href="#"><span class="hidden">What is Markdown?</span></a>
+        </header>
+        <section class="entry-markdown-content">
+            <textarea id="entry-markdown"></textarea>
+        </section>
+    </section>{{!.entry-markdown}}
 
+    <section class="entry-preview">
+        <header class="floatingheader">
+            Preview <span class="entry-word-count js-entry-word-count">0 words</span>
+        </header>
+        <section class="entry-preview-content">
+            <div class="rendered-markdown">
+                {{!The content gets inserted in here, bitches!}}
+            </div>
+        </section>
+    </section>{{!.entry-preview}}
+</section>
 <footer id="publish-bar">
     <nav>
         <section id="entry-categories" href="#" class="left">