UI tweak

archive.html

@@ -14,7 +14,7 @@ title : Archive
   
     {% if forloop.first %}
       <h1 id="{{this_year}}">{{this_year}}</h1>
-      <h2 id ="{{this_year}}:{{this_month_num}}">{{this_month}}</h2>
+      <h3 id ="{{this_year}}:{{this_month_num}}">{{this_month}}</h3>
       <ul>
     {% endif %}
   
@@ -26,12 +26,12 @@ title : Archive
       {% if this_year != next_year %}
         </ul>
         <h1 id="{{ next_year }}">{{next_year}}</h1>
-        <h2 id="{{ next_year }}:{{ next_month }}">{{next_month}}</h2>
+        <h3 id="{{ next_year }}:{{ next_month }}">{{next_month}}</h3>
         <ul>
       {% else %}    
         {% if this_month != next_month %}
           </ul>
-          <h2 id="{{ next_year }}:{{ next_month }}">{{next_month}}</h2>
+          <h3 id="{{ next_year }}:{{ next_month }}">{{next_month}}</h3>
           <ul>
         {% endif %}
       {% endif %}

css/main.scss

@@ -14,6 +14,7 @@ $base-line-height: 1.5;
 $spacing-unit:     30px;
 
 $text-color:       #111;
+$tag-color:        #dcfba2;
 $background-color: #fdfdfd;
 $brand-color:      #2a7ae2;
 
@@ -57,22 +58,22 @@ ul.tag_box>li {
     display: inline-block;
 }
 
-li.label-success {
-    background-color: $grey-color;
+span.label-success {
+    background-color: $tag-color;
 }
 
-li.label-success a, li.label-success a:hover {
-    color: rgb(255, 255, 255);
+span.label-success a, span.label-success a:hover {
+    color: $text-color;
     text-decoration: none;
 }
 
-li.label {
+span.label {
     display: inline;
     padding: 0.2em 0.6em 0.3em;
     font-size: 75%;
     font-weight: 700;
     line-height: 1;
-    color: rgb(255, 255, 255);
+    color: $text-color;
     text-align: center;
     white-space: nowrap;
     vertical-align: baseline;

tags.html

@@ -6,7 +6,7 @@ title: Tags
 <ul class="tag_box inline">
     {% if site.tags.first[0] != null %}{% comment %} If tags exist {% endcomment %}
         {% for tag in site.tags %}{% comment %} add an element like the following for each tag item {% endcomment %}
-            <li class="label label-success"><a href="#{{ tag[0] }}">{{ tag[0] }}{% comment %} This is just the tag name {% endcomment %}
+            <li><a href="#{{ tag[0] }}"><span class="label label-success">{{ tag[0] }}</span> {% comment %} This is just the tag name {% endcomment %}
             <span>{{ tag[1].size }}</span>{% comment %} This counts the number of posts in a given tag {% endcomment %}
             </a></li>
         {% endfor %}