layout fixes

1 files changed, 11 insertions, 10 deletions

diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css
index dfc657cf..4d6b1a7a 100644
--- a/vnext/src/style/main.css
+++ b/vnext/src/style/main.css
@@ -6,6 +6,7 @@
 html, body, div, h1, h2, ul, li, p, form, input, textarea, pre {
     margin: 0;
     padding: 0;
+    box-sizing: border-box;
 }
 
 textarea {
@@ -14,7 +15,6 @@ textarea {
 
 html, input, textarea {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-    font-size: 12pt;
     -webkit-font-smoothing: subpixel-antialiased;
 }
 
@@ -40,8 +40,7 @@ img, hr {
     display: grid;
     grid-template-areas: "header" "content" "footer";
     grid-template-columns: 1fr;
-    grid-template-rows: auto minmax(1fr, auto) auto;
-    grid-gap: 6px;
+    grid-template-rows: minmax(1fr, auto) minmax(1fr, auto) auto;
     min-height: 100vh;
     font: -apple-system-body;
     font-family: -apple-system, Segoe UI;
@@ -53,7 +52,12 @@ img, hr {
     background: #fff;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.28);
 }
-
+#header_wrapper, .footer_container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+}
 #sidebar {
     border-right: 1px solid #ccc;
     color: #222;
@@ -77,7 +81,8 @@ img, hr {
     background: #fefdfe;
     grid-area: content;
     height: 100%;
-    padding: 10px;
+    width: 100%;
+    margin-top: 12px;    
 }
 
 #footer {
@@ -189,16 +194,11 @@ img, hr {
     #header_wrapper, .footer_container {
         margin: 0 auto;
         width: var(--main-width);
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        flex-wrap: wrap;
     }
     #wrapper {
         justify-self: center;
         width: var(--main-width);
         display: grid;
-        grid-gap: 10px;
         grid-template-columns: 200px minmax(1fr, max-content);
         grid-template-rows: auto;
         grid-template-areas: "nav feed";
@@ -211,6 +211,7 @@ img, hr {
     }
     #content {
         grid-area: feed;
+        width: 728px;
     }
     #sidebar {
         border: 0;