Blog layout polishing

css-compiled/template.css

@@ -661,12 +661,17 @@ td {
       display: none; }
 
 .archives, .related-pages {
+  margin: 0;
   padding: 0;
   list-style: none; }
   .archives li, .related-pages li {
     line-height: 2rem; }
     .archives li:last-child, .related-pages li:last-child {
       border-bottom: 0; }
+  .archives a, .related-pages a {
+    color: #9A9898; }
+    .archives a:hover, .related-pages a:hover {
+      color: #87b672; }
 
 .related-pages li a {
   display: block; }

scss/template/_blog.scss

@@ -147,6 +147,7 @@
 
 // Archives & Related-Pages
 .archives, .related-pages {
+    margin: 0;
     padding: 0;
     list-style: none;
     li {
@@ -155,6 +156,12 @@
             border-bottom: 0;
         }
     }
+    a {
+        color: $core-text;
+        &:hover {
+            color: $core-accent;
+        }
+    }
 }
 
 .related-pages {

templates/partials/archives.html.twig

@@ -2,10 +2,10 @@
 {% for month,items in archives_data %}
     <li>
     	<a href="{{ base_url }}/archives_month:{{ month|date('M_Y')|lower|e('url') }}">
-        {% if archives_show_count %}
-        <span class="label">{{ items|length }}</span>
-        {% endif %}
         <span class="archive_date">{{ month }}</span>
+        {% if archives_show_count %}
+        <span>({{ items|length }})</span>
+        {% endif %}
         </a>
     </li>
 {% endfor %}

templates/partials/taxonomylist.html.twig

@@ -2,11 +2,11 @@
 
 {% if taxlist %}
 
-<span class="tags">
+<ul class="archives">
     {% for tax,value in taxlist[taxonomy] %}
-
-        <a href="{{ base_url }}/tag:{{ tax|e('url') }}">{{ tax }}</a>
-
+    <li>
+        <a href="{{ base_url }}/tag:{{ tax|e('url') }}">{{ tax }}  <span>({{ tax|length }})</span></a>
+    </li>
     {% endfor %}
-</span>
+</ul>
 {% endif %}