From 17b91bb2c767fb00df9ee181644fdb719cce09d9 Mon Sep 17 00:00:00 2001
From: sipp11 <sipp11@mycapsules.com>
Date: Wed, 10 Dec 2014 03:04:02 +0700
Subject: [PATCH] UI tweak

---
 archive.html  |  6 +++---
 css/main.scss | 13 +++++++------
 tags.html     |  2 +-
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/archive.html b/archive.html
index a744d34..bee01e9 100644
--- a/archive.html
+++ b/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 %}
diff --git a/css/main.scss b/css/main.scss
index 783de00..d56ee3e 100755
--- a/css/main.scss
+++ b/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;
diff --git a/tags.html b/tags.html
index 1dae5e5..72c26db 100644
--- a/tags.html
+++ b/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 %}