reworked single post view

css/main.css

@@ -1,6 +1,7 @@
 @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
 
 /****Colors****/
+
 .blue-text {
   color: #428bca;
 }
@@ -25,8 +26,10 @@
   background-color: #2C3E50;
 }
 
+
 /**************/
 
+
 /****Cards****/
 
 .card {
@@ -76,8 +79,11 @@
   margin-top: auto;
   margin-bottom: auto;
 }
+
+
 /*************/
 
+
 /***General***/
 
 body {
@@ -163,8 +169,10 @@ a:hover {
   background: #EEEEEE;
 }
 
+
 /*************/
 
+
 /****Navbar***/
 
 .navbar {
@@ -282,8 +290,10 @@ a:hover {
   }
 }
 
+
 /*************/
 
+
 /**Hero area**/
 
 #hero-area {
@@ -338,8 +348,10 @@ a:hover {
   padding: 25px 0;
 }
 
+
 /**************/
 
+
 /***Download***/
 
 #download .card {
@@ -432,8 +444,10 @@ a:hover {
   margin-top: 40px;
 }
 
+
 /**************/
 
+
 /***Features***/
 
 #about .card {
@@ -477,8 +491,10 @@ a:hover {
   transition: all 0.27s ease-in-out;
 }
 
+
 /**************/
 
+
 /*****Help*****/
 
 #help .card,
@@ -530,4 +546,42 @@ a:hover {
   margin: 15px;
 }
 
+
+/**************/
+
+
+/*****Post*****/
+
+.post-info {
+  display: inline-block;
+  margin-bottom: 15px;
+}
+
+.avatar {
+  border-radius: 50%;
+  position: relative;
+  top: 3px;
+  height: 18px;
+  width: 18px;
+  vertical-align: baseline;
+}
+
+.author-link {
+  margin-left: 12px;
+  margin-right: 20px;
+}
+
+.author-link:hover {
+  text-decoration: none;
+}
+
+.chip {
+  display: inline-block;
+  padding: 0 10px;
+  height: 28px;
+  color: white;
+  border-radius: 14px;
+}
+
+
 /**************/