Change styling

Author: Abhiraj Pundir

blog/templates/blog/base.html

@@ -26,20 +26,20 @@
   <!-- Nav bar ends -->
 
   <div class="row">
-    <div class="col xl3 l3  m3 s12">
+    <div class="col xl3 l3  m12 s12">
       <h5 class="center flow-text">Total Post {% total_tags %}</h5> 
       {% show_latest_post %}
     </div>
 
 
-    <div class="col xl6 l6 m6 s12">
+    <div class="col xl6 l6 m12 s12">
       {% block content %}
       {% endblock %}
     </div>
 
 
 
-    <div class="col xl3 l3  m3 s12">       
+    <div class="col xl3 l3  m12 s12">       
         <h5 class="center flow-text">Most Commented Post</h5>
         <div class="collection">
           {% get_most_commented_posts as most_commented_posts %}

blog/templates/blog/post/detail.html

@@ -41,10 +41,17 @@ <h5>Add a new Comment</h5>
 
 <!-- Post Detail -->
 <h4>{{ post.title }}</h4>
-<p class="date">
-  Published {{ post.publish }} by {{ post.author }}
-</p>
-{{ post.body|markdown }}
+      <p class="grey-text">
+        <i class="material-icons">person</i>
+        {{ post.author }} 
+        <i class="material-icons">publish</i>
+        {{ post.publish }} 
+        <i class="material-icons">comment</i>
+        {{ post.comments.count }}
+      </p>
+      <hr />
+<p>      
+{{ post.body|markdown|safe }}
 <p>
   <a href="{% url 'blog:post_share' post.id %}" class="btn-large right waves-effect waves-light waves-light  z-depth-5">
     <i class="material-icons right">screen_share</i>Share</a>

blog/templates/blog/post/list_snippet.html

@@ -46,16 +46,16 @@ <h5>Tags <i class="material-icons">loyalty</i></h5>
         </a>
       </div>
       {% endfor %}
-      <h6>
-        <i class="material-icons">publish</i>
-        {{ post.publish }}
-      </h6>
-      <h6>
+      <p class="grey-text">
         <i class="material-icons">person</i>
-        {{ post.author }}
-      </h6>
+        {{ post.author }} 
+        <i class="material-icons">publish</i>
+        {{ post.publish }} 
+        <i class="material-icons">comment</i>
+        {{ post.comments.count }}
+      </p>
       <hr />
-      <p>{{ post.body|markdown|truncatewords_html:100 }}</p>
+      <p>{{ post.body|markdown|safe|truncatewords_html:100 }}</p>
     </div>
     <!-- Card reaveal ends -->
     <!-- Card action -->

media/static_root/css/custom.css

@@ -0,0 +1,3 @@
+nav.white {
+  margin: 32px 0px;
+}