New post - more css changes (date)

client/assets/scss/Content.scss

@@ -0,0 +1,26 @@
+.Content {
+  flex: 1;
+    .post + .post {
+        margin-top: 2em;
+    }
+    .date {
+        display: block;
+        margin: 0;
+        opacity: 0.7;
+
+        @media (min-width: 1200px){
+          position: absolute;
+          width: 7em;
+          text-align: right;
+          margin-left: -9em;
+        }
+    }
+    .intro {
+        margin-bottom: 0.5em;
+    }
+    img {
+        max-width: 100%;
+        height: auto;
+        margin: auto;
+    }
+}

client/assets/scss/Preview.scss

@@ -1,12 +0,0 @@
-.Preview {
-    .post + .post {
-        margin-top: 2em;
-    }
-    .date {
-        margin: 0;
-        opacity: 0.7;
-    }
-    .intro {
-        margin-bottom: 0.5em;
-    }
-}

client/assets/scss/main.scss

@@ -17,6 +17,7 @@ h5,
 h6 {
     margin: 0;
     font-weight: 400;
+    line-height: 1em;
 }
 p {
     font-weight: 300;
@@ -37,8 +38,13 @@ a {
     }
 }
 code,
-pre{
-  white-space: pre-wrap;
+pre {
+    white-space: pre-wrap;
+}
+hr {
+    margin: 1em;
+    border: 0;
+    border-top: 1px solid #eee;
 }
 .Layout {
     height: 100%;
@@ -59,14 +65,6 @@ pre{
 .Main {
     padding-top: 1em;
 }
-.Content {
-    flex: 1;
-
-    img{
-      width: 100%;
-      height: auto;
-    }
-}
 .Header {
     width: 100%;
     background: url("../images/header.jpg");