add icon

app/static/single_post.css

@@ -8,7 +8,9 @@
     border-radius: 4px;
 }
 .post-title {
-    padding-bottom: 5px;
+    padding-bottom: 20px;
+    padding-top: 20px;
+    border-top: 1px solid #ddd;
     border-bottom: 1px solid #ddd;
 }
 .post-title a:hover{

app/templates/index/index_posts.html

@@ -230,18 +230,18 @@
 {#            导航栏#}
                 <ul class="nav post-nav">
                     <li class="active" id="btn-1">
-                         <a>Posts</a>
+                         <a class="glyphicon glyphicon-book"> Posts</a>
                     </li>
                     <li id="btn-2">
-                        <a href="{{ url_for('.index_transaction') }}">Transactions</a>
+                        <a href="{{ url_for('.index_transaction') }}" class="glyphicon glyphicon-credit-card"> Transactions</a>
                     </li>
                     <li id="btn-3">
-                        <a href="{{ url_for('.index_activity') }}">Announcements</a>
+                        <a href="{{ url_for('.index_activity') }}" class="glyphicon glyphicon-bell"> Announcements</a>
                     </li>
 
                     {% if current_user.is_authenticated %}
                     <li id="btn-4">
-                         <a href="{{ url_for('.index_follow') }}">Follows</a>
+                         <a href="{{ url_for('.index_follow') }}" class="glyphicon glyphicon-flag"> Follows</a>
                     </li>
                     {% endif %}
                 </ul>

app/templates/post.html

@@ -49,13 +49,14 @@
 
                 <div class="post-content col-sm-offset-1 col-sm-10">
     {#                标题#}
-                    <h1 class="post-title text-center">
+                    <h1 class="post-title text-center" style="margin: 30px">
                         <a href="{{ url_for('.post', id=post.id) }}">
                             {{ post.title }}
                         </a>
                     </h1>
     {#                正文#}
-                    <div class="content" id="fancy-content">
+                    <div class="content" id="fancy-content" style="padding-bottom:20px;
+    border-bottom: 1px solid #ddd;margin: 30px;">
                                 {{ post.body_html| safe }}
                     </div>
                 </div>