change style

Author: Wenming Tang

src/Ghost/PostBundle/Resources/views/Topic/topic_list.html.twig

@@ -2,25 +2,25 @@
     <div class="avatar">
         <a href="{{ path('user_show', {'username': item.user.username}) }}"><img width="48" height="48" src="{{ gravatar(item.user.email) }}"/></a>
     </div>
+
+    {% if item.repliesCount %}
+        <div class="replies">
+            <a href="{{ path('topic_show', { 'id': item.id }) }}#reply{{ item.repliesCount }}">{{ item.repliesCount }}</a>
+        </div>
+    {% endif %}
     <div class="right">
         {% if item.repliesCount %}
-            <div class="replies">
-                <a href="{{ path('topic_show', { 'id': item.id }) }}#reply{{ item.repliesCount }}">{{ item.repliesCount }}</a>
-            </div>
-            <h3><a href="{{ path('topic_show', { 'id': item.id }) }}#reply{{ item.repliesCount }}">{{ item.title }}</a>
-            </h3>
+            <h3><a href="{{ path('topic_show', { 'id': item.id }) }}#reply{{ item.repliesCount }}">{{ item.title }}</a></h3>
         {% else %}
             <h3><a href="{{ path('topic_show', { 'id': item.id }) }}">{{ item.title }}</a></h3>
         {% endif %}
-
         <div class="meta">
             {% if category is not defined %}
                 <a href="{{ path('topic_by_category', {'categoryAlias': item.category.alias}) }}" class="category">{{ item.category.name }}</a> •
             {% endif %}
             <a href="{{ path('user_show', {'username': item.user.username}) }}">{{ item.user.username }}</a> • posted {{ item.created|time_ago }}
             {% if item.lastPoster %}
-                • last reply by
-                <a href="{{ path('user_show', {'username': item.lastPoster}) }}">{{ item.lastPoster }}</a>
+                • last reply by <a href="{{ path('user_show', {'username': item.lastPoster}) }}">{{ item.lastPoster }}</a>
             {% endif %}
         </div>
     </div>

web/css/style.css

@@ -148,9 +148,21 @@ pre {
 
 .topics .topic .right, .replies .reply .right {
     padding-left: 58px;
+    padding-right: 30px;
 }
 
-.topics .right .replies a {
+.topics .topic h3 {
+    font-size: 14px;
+    font-weight: normal;
+    margin-top: 5px;
+    margin-bottom: 8px;
+}
+
+.topics .topic .replies {
+    float: right;
+}
+
+.topics .topic .replies a {
     display: inline-block;
     padding: 2px 9px;
     font-size: 10px;
@@ -164,29 +176,18 @@ pre {
     text-decoration: none;
 }
 
-.topics .right .replies a:hover {
+.topics .topic .replies a:hover {
     background-color: #1DC115;
 }
 
-.topics .right .replies a:visited {
+.topics .topic .replies a:visited {
     background-color: #E5E5E5;
 }
 
-.topics .right .replies a:visited:hover {
+.topics .topic .replies a:visited:hover {
     background-color: #aaa;
 }
 
-.topics .topic .replies {
-    float: right;
-}
-
-.topics .topic h3 {
-    font-size: 14px;
-    font-weight: normal;
-    margin-top: 5px;
-    margin-bottom: 8px;
-}
-
 .topics .topic .meta, .topic .meta, .replies .reply .meta {
     color: #999;
 }