From ff8855f3a5d10bed084406ae5a7a69d4ed2f24de Mon Sep 17 00:00:00 2001
From: Vitaly Takmazov
Date: Fri, 7 Dec 2018 15:09:52 +0300
Subject: Fix Post layout

---
 vnext/src/components/Post.js | 10 ++++------
 vnext/src/style/main.css     |  2 +-
 2 files changed, 5 insertions(+), 7 deletions(-)

(limited to 'vnext')

diff --git a/vnext/src/components/Post.js b/vnext/src/components/Post.js
index 1776fe78..3fdb0361 100644
--- a/vnext/src/components/Post.js
+++ b/vnext/src/components/Post.js
@@ -41,12 +41,10 @@ export default class Post extends React.Component {
   }
   render() {
     return (
-      <div className="msgs">
-        <div className="msg-cont">
-          <MessageInput rows="7" text={this.state.body} data={{ mid: 0, timestamp: '0' }} onSend={this.postMessage}>
-            *weather It is very cold today!
-      </MessageInput>
-        </div>
+      <div className="msg-cont">
+        <MessageInput rows="7" text={this.state.body} data={{ mid: 0, timestamp: '0' }} onSend={this.postMessage}>
+          *weather It is very cold today!
+          </MessageInput>
       </div>
     );
   }
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css
index 1bc07d1d..726c2cba 100644
--- a/vnext/src/style/main.css
+++ b/vnext/src/style/main.css
@@ -46,7 +46,6 @@ img, hr {
     grid-template-areas: "header" "content" "footer";
     grid-template-columns: 1fr;
     grid-template-rows: min-content minmax(1fr, min-content) min-content;
-    min-height: 100vh;
     font: -apple-system-body;
     font-family: -apple-system, Segoe UI;
     transition: margin-left 0.4s;
@@ -225,6 +224,7 @@ img, hr {
     #content {
         grid-area: feed;
         width: 758px;
+        min-height: 100vh;
     }
     #sidebar {
         border: 0;
-- 
cgit v1.2.3